Servoy Forum

by **Westy** » Tue Mar 02, 2010 8:18 pm

Is it possible to have a "hover button" in webclient that swaps out two images when a mouse is placed over it, to show the button as "highlighted"?
If yes, sample code would be greatly appreciated.

Dean Westover
Choices Software, Inc.

by **Roberto Blasco** » Wed Mar 03, 2010 1:34 am

Hi Westy.

Try this example. Note that display type of 'html' variable is HTML_AREA.

Best regards. Roberto.

by **Westy** » Wed Mar 03, 2010 6:18 am

Roberto,

Thank you for your example solution. It is perfect and you have made it easy to understand.

Very much appreciated!

Dean Westover
Choices Software, Inc.

by **Gordon** » Wed Mar 03, 2010 11:14 am

Hey Roberto - thanks for this, really appreciated

by **Westy** » Wed Mar 03, 2010 8:31 pm

The "hover buttons" are working great in Servoy 5.1, but not in 3.5. Is this approach possible in version 3.5?

If not, what is the earliest version of Servoy that supports this technique?

Dean Westover
Choices Software, Inc.

by **Westy** » Fri Dec 23, 2011 3:44 pm

We are on Servoy 6.x now and the hover buttons are working great. There is just one issue; the hover is applied to all buttons on the form. How can the code be changed to make the hover apply only to specific buttons on a form? Our existing code is similar to this:

Code: Select all: <html> <head> <style type='text/css'>.button {background: url(media:///ButtonDefaultColor.gif) no-repeat; width: 113px; height: 27px;color: white; } .button:hover { background: url(media:///ButtonHoverColor.gif) no-repeat; width: 113px; height: 27px; color: black;} </style> </head> <body> </body> </html>

Dean

by **ngervasi** » Fri Dec 23, 2011 4:40 pm

If you use CSS styles to define the hover image you need to define multiple css styles and assign them to your button accordingly. In the worst scenario (where you want to set a different image per every button) you will have to define and apply one style per button.
It would be nice if the property "rollover-image" would work also in webclient.

by **Harjo** » Sat Dec 24, 2011 12:07 pm

It would be nice if the property "rollover-image" would work also in webclient.

have you tried this in the latest 6 version??
This already works! :-)

Servoy Forum

How can "hover buttons" be done in webclient?

How can "hover buttons" be done in webclient?

Re: How can "hover buttons" be done in webclient?

Re: How can "hover buttons" be done in webclient?

Re: How can "hover buttons" be done in webclient?

Re: How can "hover buttons" be done in webclient?

Re: How can "hover buttons" be done in webclient?

Re: How can "hover buttons" be done in webclient?

Re: How can "hover buttons" be done in webclient?

Who is online