I have a button hotspot used to submit a form. In the client - in designer - I can set the button to a blue background with gray wording and rounded corners, but when viewing on the web it is just the standard gray box. How can I keep my color on the web? Thanks much!
Subject: Button Hotspot - how to keep color on web?
I usually use an action hotsopt with the text only, then use a style sheet to make the button, like so…
-
Create your action hotsopt and just use the text of the button label.
-
In the hotspot properties on the html tab enter ‘hotspot’ (no quotes) as the class name.
-
Use the following style, you can either enclose it in style tags on your page in the HTML header or use an external style sheet.
/* **** Hotspot buttons **** */
.hotspot {
background-color: #cde;
color: #000;
border: 1px solid #444;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
padding: 1px 4px 1px 4px;
font-family: Arial, sans-serif;
font-size: 8pt;
height: 10px;
text-align: center;
text-decoration: none;
}
A.hotspot:link { color:black; background:#cde }
A.hotspot:visited { color:black; background:#cde }
A.hotspot:active { color:black; background:lightgrey }
A.hotspot:hover { color:white; background:#37f }
/********** end hotspot style *************/
Hope this helps
Subject: RE: Button Hotspot - how to keep color on web?
You can also go to the hotspot’s HTML property and control the STYLE.For example:
font-family:Helvetica;font-size:xx-Medium;color:white;background:black;cursor:hand.
Subject: Button Hotspot - how to keep color on web?
Thank you both very much!