0

How to set the background color for a window title bar?

asked 2012-05-17 15:33:09 +0800

davout gravatar image davout
1435 3 18

I want to change the background color of a window title bar to red. How would I do this?

delete flag offensive retag edit

4 Replies

Sort by ยป oldest newest

answered 2012-05-17 15:45:25 +0800

twiegand gravatar image twiegand
1807 3

davout,

Assuming your window is embedded, try this:

<style>
	.z-window-embedded-tl,.z-window-embedded-tr,.z-window-embedded-hl,.z-window-embedded-hr, .z-window-embedded-hm { 
		background-image:none;
		background-color:red; 
	} 
</style>

For more information, have a look at the window style guide.

Regards,

Todd

link publish delete flag offensive edit

answered 2012-05-17 18:16:39 +0800

davout gravatar image davout
1435 3 18

thanks... and for a panel with a title bar?

link publish delete flag offensive edit

answered 2012-05-17 21:23:04 +0800

twiegand gravatar image twiegand
1807 3

Have a look here.

link publish delete flag offensive edit

answered 2012-05-21 16:48:15 +0800

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

You can try the following

<zk>
	<style>
		.z-window-modal-hm, .z-window-modal-br,
		.z-window-modal-cr, .z-window-modal-cl,
		.z-window-modal-hr, .z-window-modal-tr,
		.z-window-modal-hl { background-image:none; background-color
		: #0C6BA8; }

		.z-window-modal-icon { width: 20px; height: 16px;
		border-width: 1px; border-style: solid; border-color: #0C6BA8
		#0C6BA8 #0C6BA8 #0C6BA8; box-shadow: inset 0 1px 0 #0C6BA8,
		inset -1px -1px 0 #0C6BA8, inset -1px -2px 0 #0C6BA8; }

		.z-window-modal-close { background:url('../images/close.jpg')
		transparent no-repeat 0 0; }

		.z-window-modal-header, .z-window-modal-header-noborder {
		padding-top : 1px; padding-right : -1px; padding-bottom : 1px;
		padding-left : 0; margin-right: -4px; }
	</style>
	<window id="win" title=" " width="520px" height="490px"
		border="normal" minimizable="false" mode="modal" maximizable="false"
		closable="true" action="show: slideDown;hide: slideUp">
	</window>
</zk>

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: 2012-05-17 15:33:09 +0800

Seen: 239 times

Last updated: May 21 '12

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