0

Help on selected odd listitems (CSS) for ZK 5.0

asked 2010-03-19 09:06:01 +0800

Lapster gravatar image Lapster
6 1

Hello community,

I need help on using CSS for listboxes and listitems.
The problem is that the background-color of selected odd listitems will never change to white (#FFFFFF). The background-color of the selected odd item will always be overwritten by style tr.z-listbox-odd.
I had no problems with version 3.6

Here my style definitions:

div.z-listbox {
   border: 1px solid #B3B3B3;
   background-color: #F2F2F2;
   color: Black;
}
tr.z-listitem, tr.z-listitem a, tr.z-listitem a:visited {
   background-color: #F2F2F2;
   font-size:10px;
   font-weight: normal; 
   color: black; 
   text-decoration: none; 
}
tr.z-listbox-odd {
   background-color: #F2F2F2;
}
tr.z-listitem-seld {
   background-color: #FFFFFF;
   Color: #CC0000;
   border: 1px solid #666666;
}

Thank you!

Regards,
Lapster

delete flag offensive retag edit

5 Replies

Sort by ยป oldest newest

answered 2010-03-24 03:20:54 +0800

tmillsclare gravatar image tmillsclare
799 2 5 30

Hey Lapster,

Have you tried this on ZK 5.0.1?

link publish delete flag offensive edit

answered 2010-03-24 05:26:15 +0800

Lapster gravatar image Lapster
6 1

Yes. ZK 5.0.1 CE

link publish delete flag offensive edit

answered 2010-03-29 21:14:45 +0800

tmillsclare gravatar image tmillsclare
799 2 5 30

Hey Lapster,

I have tested your code and cannot replicate the issue using ZK 5.0.1. Here is the test code I used:

<?page title="new page title" contentType="text/html;charset=UTF-8"?>
<zk>
<style>
	div.z-listbox {
	   border: 1px solid #B3B3B3;
	   background-color: #F2F2F2;
	   color: Black;
	}
	
	tr.z-listitem, tr.z-listitem a, tr.z-listitem a:visited {
	   background-color: #F2F2F2;
	   font-size:10px;
	   font-weight: normal; 
	   color: black; 
	   text-decoration: none; 
	}
	
	tr.z-listbox-odd {
	   background-color: #F2F2F2;
	}
	
	tr.z-listitem-seld {
	   background-color: #FFFFFF;
	   Color: #CC0000;
	   border: 1px solid #666666;
	}
</style>
<window title="new page title" border="normal">
	<listbox>
		<listhead>
			<listheader label="Test" sort="auto" />
			<listheader label="Test" sort="auto" />
		</listhead>
		<listitem>
			<listcell label="Blah 1" />
			<listcell label="Blah 1" />
		</listitem>
		<listitem>
			<listcell label="Blah 2" />
			<listcell label="Blah 2" />
		</listitem>
		<listitem>
			<listcell label="Blah 3" />
			<listcell label="Blah 3" />
		</listitem>
		<listitem>
			<listcell label="Blah 4" />
			<listcell label="Blah 4" />
		</listitem>
	</listbox>


</window>
</zk>

Can you provide me with some code to replicate this issue? What browser are you using? I have tested with the following:

Firefox: 3.5.8
IE: 8.0
Chrome: 4.1

link publish delete flag offensive edit

answered 2010-09-14 15:11:49 +0800

diego898 gravatar image diego898
246 3

I need help changing the background color of certain rows (like if it has a checkmark selected) to a different color. Thats all I need to do! can anyone help me?

link publish delete flag offensive edit

answered 2012-06-09 06:46:58 +0800

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

Hi Diego898

I am just wondering whether you have got the solution for changing the background color of certain rows.
If so, can you give some idea on that

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: 2010-03-19 09:06:01 +0800

Seen: 1,008 times

Last updated: Jun 09 '12

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