When I use a static resource for my jquery UI, the icons are not loading, if I use the CDN links, it loads properly.
Here I referenced the CSS and js for jquery UI but I think the problem is that the CSS code in jquery-ui.theme.min.css is unable to find the path of the image which exists on the static resource. Don’t know why the jquery icon not loading.
Log in to share your answer and help other learners.
Log in to answerBest Answer · By JanBask Java Expert
Ankur Vaish JanBask Expert
Answered on Apr 22, 2021
I had the same issue with the jquery icon and finally find the solution to add custom styles in the visualforce page to modify the jquery icon path. After the modification, it works as expected now.
The result (The previous and next arrows are icons that were missed before the modification and now they are displayed as expected.) The page
$j = jQuery.noConflict(); $j(document).ready(function() { $j( "#datepicker" ).datepicker(); } ); .ui-icon, .ui-widget-header .ui-icon, .ui-widget-content .ui-icon{ background-image: url("{!URLFOR($Resource.jQueryUI1121, 'images/ui-icons_444444_256x240.png')}"); } Date:
Free tutorials and interview questions from industry experts — learn the skill, then get ready to prove it.
Most-read guides across JanBask
Common Java interview questions, answered
Guides, tips and career advice on Java from JanBask experts.
Java Frequently Asked J2EE Interview Questions and Answers You Must Read
Top 45 frequently asked Java J2EE interview questions to ace your interview. These J2EE questions are useful for freshers and…
Java Top 100+ Angular Interview Questions and Answers
Are you preparing for your next Angular interview? We have compiled the list of the top 100+ Angular Interview Questions &…
Java Top 51+ Simple Java Project Ideas for Beginners In 2025
Enhance your Java skills with our top 51+ project ideas! From beginner-friendly exercises to advanced applications, fuel your…
Java How Long Does It Takes To Learn Java?
Confused about How long does it take to learn Java ? Well, No worries! This blog will guide you with valuable information and…