How to change the default color of the panel top border

asked 2009-04-03 15:04:51 +0800

Hi; when ever I create a panel, the top border of the panel is blue, can some one shed some light how to change the color of the top border some thing other than defualt.

Thanks,
RJ.

delete flag offensive retag edit

4 Replies

Sort by » oldest newest

answered 2009-04-03 15:23:42 +0800

YamilBracho
1722 ● 2

Check the syle guide (http://docs.zkoss.org/wiki/StyleGuide_Panel)

link publish delete flag offensive edit

answered 2009-04-03 20:24:42 +0800

Rashid
81

Thanks for the utl, but it has not been very helpful. I would appreciate the link with some code example where we see programatically how to set zclass and sclass. I am also bit puzzle about why the code below works for margin bottom

pubmedPanel.setStyle("margin-bottom:10px");

but when I do something like this pubmedPanel.setStyle("margin-bottom:10px;border-color:red;") it never works and the border colors still remains default.

Regards,
RJ

link publish delete flag offensive edit

answered 2009-04-04 02:51:44 +0800

hideokidd
750 ● 1 ● 2

updated 2009-04-04 02:53:35 +0800

Hi,

Maybe the sclass attribute helps,

<style>
.style1.z-panel .z-panel-tr {
	background-color : red; 
	background-image : none; 
}

</style>

and declare the style (the following example is copied from zk demo)

<panel id="panel" framable="true" width="500px" height="400px"
	title="Panel" sclass="style1"
	maximizable="true" minimizable="true" border="normal"
	collapsible="true" closable="true">

Thanks

link publish delete flag offensive edit

answered 2009-04-06 16:40:52 +0800

Rashid
81

Thanks for the pointer hideokidd; I tried to put the above style in my zul file and try to set the setSclass proerty from the java code like this

somePanel.setSclass("style1");

but it didn't work.

Best Regards,
RJ

link publish delete flag offensive edit

Question tools

Stats

Asked: 2009-04-03 15:04:51 +0800

Seen: 436 times

Last updated: Apr 06 '09

CORE FRAMEWORK

FEATURED COMPONENTS

TOOLS

EXPLORE ZK

RESOURCES

LEARN ZK

RESOURCES

GET HELP

RESOURCES

MORE ABOUT ZK

MORE ABOUT ZK

How to change the default color of the panel top border

4 Replies

Question tools

Stats

Related questions