0

how to change the color of panel header?

asked 2016-01-12 14:55:09 +0800

radhika2016 gravatar image radhika2016
1 1

updated 2016-01-12 19:27:28 +0800

chillworld gravatar image chillworld flag of Belgium
5322 4 9
https://github.com/chillw...

I am trying to change the color of panel header. css styles are not getting effected. I am using versionzk6. Please help with steps to change the color of panel header.

<panel title="changeColorDemo">
    <panelchildren>
    </panelchildren>
</panel>
delete flag offensive retag edit

3 Answers

Sort by ยป oldest newest most voted
0

answered 2016-01-12 19:34:30 +0800

chillworld gravatar image chillworld flag of Belgium
5322 4 9
https://github.com/chillw...

With developertools you can search for the css classes.

Some parts use an image (for making the rounded corners) and some parts use background attribute.

Here is a fiddle where you change everything to a single color :

http://zkfiddle.org/sample/2ubrpod/1-panel-header-change-color

Greetz chill.

link publish delete flag offensive edit
0

answered 2016-01-15 18:39:16 +0800

radhika2016 gravatar image radhika2016
1 1

I was able to change the panel color. Panel header is madeup of few images, we have to paint them with our preferred color and reuse them.

link publish delete flag offensive edit
0

answered 2016-01-20 09:16:44 +0800

MarioVitale gravatar image MarioVitale
1 1

updated 2016-01-20 09:18:23 +0800

Try this css for change the background color, replace red with what you want.

<style>
.backgroundRed .z-panel-header {
  background: red; }
.backgroundRed .z-panel-tl, .z-panel-tr, .z-panel-tl-gray, .z-panel-tr-gray, .z-panel-bl, .z-panel-br    {
    background: red;
    background-image: "";
   }
.backgroundRed .z-panel-hl {
    background: red;
    background-image: "";
   }
.backgroundRed .z-panel-hr {
    background: red;
    background-image: "";
   } </style> <panel title="Network" id="network" sclass="backgroundRed" > </panel>
link publish delete flag offensive edit
Your answer
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
1 follower

RSS

Stats

Asked: 2016-01-12 14:55:09 +0800

Seen: 34 times

Last updated: Jan 20 '16

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