Hi I was able to change color using customTheme, but am yet now able to add a new calender image
<style>
.customTheme .ui-icon {
background-image: url(Images\cal.png);
background-color:Aqua;
}
.customTheme .ui-state-default .ui-icon {
background-image: none;
} </style>
Where am I going wrong?
Hi,
You could do: span.ui-igedit-buttonimage.ui-icon-triangle-1-s.ui-icon {background-image: url(http://www.jpl.nasa.gov/spaceimages/images/mediumsize/PIA17011_ip.jpg)!important;}
Please take a look at:
http://jsfiddle.net/weedminer/ku1sejwe/.
Does that help you?
Thanks Boris. It did work for me.
I also wanted to know is there a way to fix position of the image?
I have datepicker on multiple pages but it displays icon properly only on one page. Not sure whats going on.
Hello,
I guess that you can place this code in a css file that you would be loading in all of your pages or in a file that you are already loading.
You can apply every http://www.w3schools.com/cssref/pr_class_position.asp attribute to this element, that you like if that's your question, or am I not getting your requirement right at all?
Thanks Boris, I already have the image in css file.
My concern was that it focus only on part of the image not entire image but got a workaround.
Thanks again for you help.
I guess that it needs to have this exactly sized image in order to show only it and all of it.