wood burning stoves 2.0*
The moose likes HTML, CSS and JavaScript and the fly likes Modify color of jQuery UI dialog? Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Modify color of jQuery UI dialog?" Watch "Modify color of jQuery UI dialog?" New topic
Author

Modify color of jQuery UI dialog?

Sam Doder
Ranch Hand

Joined: Feb 06, 2008
Posts: 204
hi I am using this
jquery dialog

What I am trying to set is the title bar to a different color then the light grey.... I don't know how to get access to it???

I can set the white text background by doing this
$("#dialog").css("background-color","color goes here");

But I don't know how to set the title bar to a different color?

Any help would be great I have this as my external script files they are not local so I cann't modify them.


Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 61103
    
  66

Hey Sam, please be sure to take the time to compose descriptive subjects for your posts. I've adjusted this one for you.

jQuery UI widgets are controlled by their theme. You can either tweak the CSS on a page by page basis, or you can create your own theme from scrathc. For the latter, visit the Theme Roller web app.


[Asking smart questions] [Bear's FrontMan] [About Bear] [Books by Bear]
Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 61103
    
  66

And... why in the world are you importing multiple versions of jQuery in the same page?
Gregg Bolinger
GenRocket Founder
Ranch Hand

Joined: Jul 11, 2001
Posts: 15299
    
    6

The background is controlled by the .ui-widget-header class and is generally an image, not simply a color.


GenRocket - Experts at Building Test Data
Sam Doder
Ranch Hand

Joined: Feb 06, 2008
Posts: 204
Ok , basically the only way I can modify the title look is to modify the css file,...etc is their somewhere I can download the equivalent of



If I cut and paste these files from my internet explorer the formating of it is not easy to read/modify???

Thanks



Bear Bibeault
Author and ninkuma
Marshal

Joined: Jan 10, 2002
Posts: 61103
    
  66

I ask again:
Bear Bibeault wrote:And... why in the world are you importing multiple versions of jQuery in the same page?


What you have there is nuts!

And, no, you don't need to modify the CSS file if you don;t want to. You can just override the CSS rules if you prefer.
 
jQuery in Action, 2nd edition
 
subject: Modify color of jQuery UI dialog?