underline in webclient

Classic Servoy
1

Looking at the bug tracking app from the dot net competition I was interested in how (what behaves like) a ‘mouseover’ event was achieved in the webclient with list views,
the programmers diary alludes to it also…

DATE: Thurs, 4/10/08
PROGRAMMERS: 1
TOTAL HOURS: 4.5
11:00pm - 2:00am - Finished the last of the placeholder forms - “Company”, finished the new task dialog for adding a bug, finished the dialog for adding a new company. Set tab orders on dialogs. Spent the most amount of time working out how the list views would work. Came up with a way to hover over the text item in a list - and have it underline and then perform the method. Looks different in the Smart Client, so had to “play around” with different colors and styles to see what looked right. Extensive testing in Web Client and Smart Client (mainly LAF issues).

Would anyone have the time to explain how this is done ? Many thanks
(I did download servoy_sample_bug_db.zip but have no idea how to install it ! some help here also would be much appreciated)

As always thank you in advance…

Harry

2

Ok I can see how it’s done… and it’s pretty clever.
Each field to display is actually an HTML area and it’s dataprovider is a function that returns the HTML with a CSS and href etc… body.

easily modified it to include a background-color for the hover
from

a:hover{color:blue;text-decoration:underline;}

to

a:hover{color:blue;text-decoration:underline;background-color: red;}

which works fine to highlight the text, but as the mouse moves up a list it would be visually more appealing if the 'coloured block ’ where always the same size i.e. the field width
Does anyone know if it’s possible to get the background color to extend widthways to the whole html area rather than just the text ?

Thanks

3

Bob Cusick also posted his trick at http://www.servoyguy.com/code_repositor … web_client

4

Thanks for the link Scott.
That code looks pretty much how it was done in the Bug tracker app (which I guess should be no Surprise :) )
Do you know of a way to color the entire definded HTML area background rather than just the portion that happens to contain text when the browser detects a ‘mouse over’ ?
Thanks