-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hey,
I noticed that the Grid component has a build-in hover effect for each row.
How can I turn that off?
I used to put a #FFFFFF colour as default background for grid elements - dirty (but working) workaround...
<grid> <rows> <row style="background:#FFFFFF;"> ...
That'll give all rows a white background and remove the alternating white/grey background for even and uneven rows..
Hi valmar,
i have not done this in a Grid, so you can only see the attached codes for manipulating the hover color for a listbox as a first hint.
Please use the Inspectors in Firebirg or google to find out the right names for a grid.
/*********************** L I S T B O X *********************/ /* Even rows in a listbox */ tr.z-listitem,tr.z-row td.z-row-inner,tr.z-row td.z-group-inner,tr.z-row td.z-group-foot-inner,tr.z-row { background: #EEEEEE none repeat scroll 0 0; } /* Odd rows in a listbox */ tr.odd td.gc,tr.odd,tr.z-listbox-odd,tr.z-grid-odd td.z-row-inner,tr.z-grid-odd { background: #FFFFFF none repeat scroll 0 0; } /* Unselected rows with the mouse hovering over them */ tr.overd,td.overd,tr.z-listitem-over { background: #D3DBFC none repeat scroll 0 0; } /* Selected rows in a listbox */ tr.seld,td.seld,tr.z-listitem-seld { background: #B8BFDC none repeat scroll 0 0; } /* Selected rows with the mouse hovering over them */ tr.overseld,td.overseld,tr.z-listitem-over-seld { background: #D3DBFC none repeat scroll 0 0; }
hope it helps a little bit.
best
Stephan
Ah, yeah. That helps.
Thanks!
It's fine for me too, but I added the border-color parameter.
ZK, is possible to have a row param to disable over without using css?
Could be a more elegant solution...
I have used Mr.Steva77 approach. thank to Steva77.
by saravanavel
Hi all,
The code below worked fine for me, hope that helps others too!
.tblWithoutHover > tr.z-row-over > td.z-row-inner { border-bottom: 1px solid white; border-top: 1px solid white; } .tblWithoutHover tr.z-row-over > td.z-row-inner, tr.z-row-over > .z-cell { background-image: none; }
Another example here.
How can I remove the mouse hover effect on window? for ZK 5.0.11, when mouse hover over the window the background color becomes light blue and I would like to remove the background color none. do you have any inputs on this?
Asked: 2011-01-17 07:23:20 +0800
Seen: 2,212 times
Last updated: May 27 '16