Hi there,
Test driving Site Spinner ProV2. Notice that after I point my mouse to a button that associates with a link, the mouse arrow does not change to a hand. In the tutorial examples it does. Any ideas? Thanks.

It all depends what type of button you mean.

Placing a link on most objects should result in the “hand” which includes an image or geometry type button you have made yourself.

Placing a link on a Form Button will not.

I must disagree Terry. I use links on form buttons here and when moused over they change to a hand. The only time I have experienced that the link placed on a form button doesn't change to a hand was when I experimented with using form buttons to change the content in an i-frame.

Samtif, can you post a link to the page with that problem?

I'm fairly sure I have seen form buttons without the hand, and have seen CSS used to change the cursor to a hand. Also a link error will cause no hand to show and the link to not work properly.

What you see depends on the type of button you are using, how you form the link, and also let's not forget the browser you are using!

Thank you very much for your quick replies. It was a couple form buttons that I had created. I had them lined up in a line as page titles (with no space in between them.) Previewed they in IE and they looked fine, just can’t get the hand showing when mouse over. But somehow previewing using the Preview Tab in the ProV2 program showing spacing in between. And when mouse over, the hand only show up between the two tabs (with no link). Maybe I should try previewing in Firefox.

Another thing is previewing other Text links in the Preview Tab showing a red under line.

It shouldn't make any difference if you preview in IE or FireFox. Can you publish the page to a trial site and post a link here? Go to SS Publisher > iHostVM tab.

Here is a link to the trial site. http://www.samtif.com/

I just installed Firefox 3.07. It picked up the underline for Text links and when clicking on my buttons, it shows outlines for the text boxes.

As Bruceee said the fix is to add the following code in CSS

<style type="text/css">
  .navBtn {cursor:hand;}
  </style>  

I don't know if Samtif stumbled upon a bug or not but I've been experimenting a little with those buttons in SSP as I have been using them quite extensively in SS 2.70f where I never experienced any problems. I followed the tutorial to the point in a new project with two pages and the results are as follows:
1. applied class to the nav button and added the code in the Code field

class='navBtn' onClick=document.location='page2.html'

Added the

<style type="text/css">
  .navBtn {cursor:hand;}
  </style>

in CSS
IE7 - no hand
FF 3.07 - no hand
2. placed the

<style type="text/css">
  .navBtn {cursor:hand;}
  </style>

in header
IE7 - hand shows when the cursor placed on button edges
FF 3.07 - no hand
3. tried also to change the parsing value from 'hand' to 'pointer' without success.
Maybe somebody could have a look at it.

Roma,

Just adding to my previous post (which at his point in time, I still stand by) and confirming what Bruce has noted.

There is no way I can get the hand to appear on a form button, with or without CSS.

I have tried links in the button’s code and links placed directly on the button itself to no avail.

Links on any other object or text work fine.

Not that I can see it, but maybe there is something in the SS generated CSS that prevents this from happening.

With all due respect Terry, whether you or Bruce (I would let everyone talk in their own names without jumping to conclusions) have experienced that no hand is showing when using form buttons must stand for your experiences, which I never doubted and I was under the impression that the main use of the forum was to share experiences and finding solutions to problems in a kind of collective effort. The only thing I said was, that I have been using form buttons as navbuttons since I started to learn SS and never had any problems. If you read my latest post maybe you noticed that my experiments with the same buttons in SSP were not successful so maybe the issue is connected to SSP and not form buttons in general.

When using CSS code in SS-Pro and you want to include it "in CSS", do not use the <style> and </style> tags. SS-Pro is already adding them so you do not need to (it causes an CSS error if they are present).

I placed a form button on an SS-Pro page, added

quote:

class="navbtn"

to the button's Code field and added:

quote:

.navBtn {cursor: pointer;}

in a code object placed "in CSS". I get a hand pointer in IE, FF3 and Opera.

You can also access the button via its geometry name in CSS to get the same effect without having to add a class name to the button; e.g.,

quote:

#Gform1 { cursor: pointer; }

I followed your advise Larry but still no luck. Finally I just tested and placed the code

class='navBtn' onClick=document.location='page2.html'

in the code field using the Link Editor, then it worked. Just can't figure it out. Will try another round tomorrow.

Roma, I couldn’t agree more as to the purpose of these forums.

As a matter of fact, until Bruce made his post, I was going to ask you what you did to get the results on your page example above and see what we are doing different.

To me it seems that it can’t be an SS fault if it can work for some and not for others.

I presume it must be something we are doing wrong., even taking into account your latest tests.

Samtif -- for a simple solution, try adding this to the Code field of your form button (after the existing code) :

style="Cursor:pointer"

This is the code that Roma uses on her page, and it worked for me (showed the hand) in IE8, Firefox, Opera and Chrome.

I tried basic links on form buttons, and can confirm that without a style or CSS, the hand cursor does not appear -- so this confirms what Terry and Samtif have discovered.

Of greater concern is this: Of the four browsers I tried, only one, Opera, showed the link information in the status bar. There have been issues with people putting advertising junk in the status bar, and this seems to have resulted in browser writers no longer allowing code to write to the status bar. Chrome doesn't even have a status bar!

If you are concerned about this, a reasonable option is add some alt text to the code field of the button, like this:

alt="Whatever you like, maybe the URL"

This allows a message to appear if you hover your mouse over the button.

I tried Larry's code and it works exactly as he said. (IE8, Firefox, Opera and Chrome,)

Just make sure you are entering the code in exactly the right places:

class="navbtn"
in the Code field of the form button -- make sure the Button tab is showing on the Form Editor.

.navBtn {cursor: pointer;}
as a Code Object using a code type of in CSS -- drop-down list box at the top of the Code Editor window.

#Gform1 { cursor: pointer; }
as a Code Object using a code type of in CSS -- drop-down list box at the top of the Code Editor window. For the Gform1 part you will need to substitute the name of your Form Geometry. To find this, select the Form, open the Geometry Editor and read off the Geometry name. Mine was form5, to which I added the 'G' prefix to give "#Gform5" for the code.

Thanks everyone for the info.