View Full Version : Changing titlebar colors for window widgets

06-03-2008, 01:45 PM
1) Script Title: DHTML Window Widgets

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...ndow/index.htm

3) Describe problem:

Not a problem, but a question. Is there a way to have different colors for the titlebars of the dhtml windows?


06-03-2008, 01:57 PM
Sure is...

Open up dhtmlwindow.css and change the following line:

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
-moz-opacity: 1;
opacity: 1;

06-03-2008, 02:06 PM
Thanks for the quick reply. What I'd really like to be able to do is have the window titlebars be a different color in different sections of my application. For example: Dark red on the home "portal" page, Blue on a secondary page, green on a third page, etc.

06-04-2008, 01:12 AM
You can certainly fine tune the title bar's colors for each different window instance on your page. The key is just to target the CSS towards a specific DHTML window based on its "ID". See this thread: http://www.dynamicdrive.com/forums/showthread.php?t=29965

06-04-2008, 01:48 PM
PERFECT!!! That works beautifully. Thanks so much for your help!