Search...
FAQs
Subscribe
Pie
FAQs
Recent topics
Flagged topics
Hot topics
Best topics
Search...
Search within HTML Pages with CSS and JavaScript
Search Coderanch
Advance search
Google search
Register / Login
Post Reply
Bookmark Topic
Watch Topic
New Topic
programming forums
Java
Mobile
Certification
Databases
Caching
Books
Engineering
Micro Controllers
OS
Languages
Paradigms
IDEs
Build Tools
Frameworks
Application Servers
Open Source
This Site
Careers
Other
Pie Elite
all forums
this forum made possible by our volunteer staff, including ...
Marshals:
Campbell Ritchie
Jeanne Boyarsky
Ron McLeod
Paul Clapham
Liutauras Vilda
Sheriffs:
paul wheaton
Rob Spoor
Devaka Cooray
Saloon Keepers:
Stephan van Hulst
Tim Holloway
Carey Brown
Frits Walraven
Tim Moores
Bartenders:
Mikalai Zaikin
Forum:
HTML Pages with CSS and JavaScript
Dialog Jquery : Changing the color of the close button in titlebar
ankita sarma
Greenhorn
Posts: 25
posted 10 years ago
Number of slices to send:
Optional 'thank-you' note:
Send
Hi Fellow Programmers,
I am using jQuery Dialog and change the color of the title-bar to black
Due to this the close button on the extreme right corner has become invisible.
Anybody has a idea how to change the color of that X button.
As of now I am using
.someclass .ui-widget-titleBar{background-color:solid black;color:white} //I thought changing color might change color of that cross button
.
Thanks in Advance
Rob Crowther
author
Posts: 297
5
I like...
posted 10 years ago
Number of slices to send:
Optional 'thank-you' note:
Send
Replace the image being used for the close button with one of a different colour. If you want different colours in jQuery UI it's easier just to
modify the theme
than it is to go hacking in the CSS files.
Read my books:
Hello! HTML5 & CSS3
|
HTML5 in Action
|
Read my blog
ankita sarma
Greenhorn
Posts: 25
posted 10 years ago
Number of slices to send:
Optional 'thank-you' note:
Send
Hay Thank you for your reply.
I achieved it by using
.ui-dialog-titlebar-close { backgound-url : "/your image url" }
this is the jsfiddle its very helpful
jsfiddle for changing image of close button
hope it helps somebody who needs it later on
With a little knowledge, a
cast iron skillet
is non-stick and lasts a lifetime.
reply
reply
Bookmark Topic
Watch Topic
New Topic
Boost this thread!
Similar Threads
How to disable the close(cross) button of a window
Issue with Jquery Dialog on IE
JQuery.UI Dialog & $().load() & JavaScript
Jquery Problems : Jquery Dialog Box
JQuery Dialog Box Positioning and Replacing X with Close
More...