0

Remove the hover effect from the Grid component

asked 2011-01-17 07:23:20 +0800

valmar gravatar image valmar
925 2 13
http://www.timo-ernst.net

Hey,

I noticed that the Grid component has a build-in hover effect for each row.

How can I turn that off?

delete flag offensive retag edit

15 Replies

Sort by ยป oldest newest

answered 2011-01-17 08:12:10 +0800

Steva77 gravatar image Steva77 flag of Italy
1014 3
http://www.research.softe...

I used to put a #FFFFFF colour as default background for grid elements - dirty (but working) workaround...

<grid>
    <rows>
        <row style="background:#FFFFFF;">
    ...

link publish delete flag offensive edit

answered 2011-01-17 12:54:22 +0800

valmar gravatar image valmar
925 2 13
http://www.timo-ernst.net

updated 2011-01-17 12:56:08 +0800

That'll give all rows a white background and remove the alternating white/grey background for even and uneven rows..

link publish delete flag offensive edit

answered 2011-01-17 15:58:54 +0800

terrytornado gravatar image terrytornado flag of Germany
9393 3 7 16
http://www.oxitec.de/

updated 2011-01-17 16:03:01 +0800

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

link publish delete flag offensive edit

answered 2011-01-18 03:41:33 +0800

valmar gravatar image valmar
925 2 13
http://www.timo-ernst.net

Ah, yeah. That helps.
Thanks!

link publish delete flag offensive edit

answered 2011-04-21 04:20:57 +0800

fumoseaffabulazioni gravatar image fumoseaffabulazioni
42

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...

link publish delete flag offensive edit

answered 2011-07-18 01:39:29 +0800

GGW gravatar image GGW
84

For my purpose, steve77's method works great. Thanks! George

link publish delete flag offensive edit

answered 2011-10-30 02:59:30 +0800

saravanavel gravatar image saravanavel
54

I have used Mr.Steva77 approach. thank to Steva77.

by saravanavel

link publish delete flag offensive edit

answered 2012-11-21 09:20:41 +0800

buch11 gravatar image buch11
45 3

updated 2012-11-21 09:21:34 +0800

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;
}


.tblWithoutHover is the css class, apply sclass=tblWithoutHover in your grid...

Happy Coding.

PS: Sorry for bumping the old post...

link publish delete flag offensive edit

answered 2012-11-22 05:00:53 +0800

Senthilchettyin gravatar image Senthilchettyin flag of India
2611 3 8
http://emrpms.blogspot.in...

Another example here.

link publish delete flag offensive edit

answered 2012-11-29 10:15:22 +0800

Sheetal gravatar image Sheetal
3

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?

link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow

RSS

Stats

Asked: 2011-01-17 07:23:20 +0800

Seen: 2,186 times

Last updated: May 27 '16

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More