Change cursor to hand cursor for company logo

[3lliot]

Would anyone know how to change the cursor to a hand cursor when you mouse over the company logo at the top right of the webhelp skin?

I've set it to link to our website (using the OnClikc property) but without a cursor change, people won't really know that it's a link.

cheers
-E

[lacastle]

this site might have an answer - http://www.dmxzone.com/go?1800 or http://www.experts-exchange.com/Program ... 63856.html
i think you would have to create a class in the css and then include it in the onclick script in your skin.
i think this is not a flare-specific problem, so googling could provide some answers.

[3lliot]

So in my skin I would change:

<StyleClass
Name="Logo">
<Properties>
<Property
Name="Icon">url('Audinate_logo_52deep_v2.png')</Property>
<Property
Name="OnClick">window.open("http://www.audinate.com");</Property>
</Properties>
</StyleClass>


to:

<StyleClass
Name="Logo">
<Properties>
<Property
Name="Icon">url('Audinate_logo_52deep_v2.png')</Property>
<Property
Name="OnClick">window.open("http://www.audinate.com");</Property>
<Property
Name="OnMouseOver"this.className='cursor';</Property>
</Properties>
</StyleClass>

?

[3lliot]

Bump. I'm having trouble getting this to work (I don't know javascript).

Has anyone else done this?

cheers
-E

[kwag_myers]

I realize this thread is two years old, but nothing irritates me more than finding a thread on a subject I'm researching only to learn there is no resolution. So, here's what I came up with:

First, I'm using the trial version of Flare 9.
Second, my issue is that the cursor wasn't changing for any toolbar items except Quick Search. My fix was to edit the Toolbar.htm in ...Output\kwag_myers\KM_Help\Skin by adding the following code:

Code: Select all

img
{
        cursor: pointer; 
}

and adding the cursor: pointer; property to the buttons style:

Code: Select all

button
{
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

I save a copy of Toolbar.htm in another directory and run a Visual Basic Script after each build:

Code: Select all

dim filesys

set filesys=CreateObject("Scripting.FileSystemObject")

If filesys.FileExists("C:\kwaggyzFiles\Toolbar.htm") Then
filesys.CopyFile "C:\kwaggyzFiles\Toolbar.htm", "C:\...\Output\kwag_myers\KM_Help\Skin\"

End If

MsgBox "Done!" & strMsg, vbInformation, "Done!"

If you use this method, paste the last bit of code (the VBS) into a NotePad file and save as a .vbs anywhere that's easily accessible (like your desktop, then slide it onto your taskbar). Double-click to run if not on your taskbar.