Icons missing in jQuery UI

Question

I m using Modal Form and Widgets from jQuery  but the icons does not appear  for eg the Cross  X  and Plus-Minus   -  Icons   When I load the page I et these errors    NetworkError  404 NOT FOUND - http   127 0 0 1 8000 static css images ui-bg flat 75 ffffff 40x100 png  ui-bg    100 png   NetworkError  404 NOT FOUND - http   127 0 0 1 8000 static css images ui-icons 222222 256x240 png  ui-ico   240 png   NetworkError  404 NOT FOUND - http   127 0 0 1 8000 static css images ui-bg highlight-soft 75 cccccc 1x100 png  ui-bg    100 png   So  I downloaded the images  put it into the path specified  but then the  - icons appear twice at the extreme right and moreover only the column1 widgets are minimized  The Close X icon still not appears  Where I m going wrong   I would also like to know how to add remove widgets functionality

User · Answer

I also got missing error image in JQUERY-UI  You can download images from https   github com sehmaschine django-grappelli tree grappelli 2 4 grappelli static grappelli jquery ui css custom-theme images

User · Answer

I met a similar error after adding jQuery-ui-tooltip component using bower  It downloads js   css files only  so I had to manually add images   A good source to find all the images  for all standard themes  is this CDN

User · Answer

Yeah I had the same problem and it was driving me crazy because I couldn t find the image     This may help you out      Look for a CSS file in your directories called jquery-ui css Open it up and search for ui-bg flat 75 ffffff 40x100 png    You will then see something like this      ui-widget-content       border  1px solid  aaaaaa      background   ffffff url images ui-bg flat 75 ffffff 40x100 png  50  50  repeat-x      color   222222      And comment out the background and save the CSS document   Or you can set an absolute path to that background property and see if that works for you   i e  background   ffffff url http       image png    Hope this helps

User · Answer

Just download it and save in your network location   You can get it form the below   https   code google com p vallalarblogs downloads detail name ui-bg flat 75 ffffff 40x100 png amp can 2 amp q   reference  www thedeveloperblog com

User · Answer

You need downbload the jQueryUI  this contains de images that you need  enter link description here

User · Answer

I found icons were not displaying due to a difference in the casing  ie upper case vs lower case   The CSS file was using  FFFFFF  while the actual file was using  ffffff   Icons displayed for me once I changed the case to match

User · Answer

Having the right CSS and JS libraries helps  this solved it for me   lt link rel  stylesheet  href    code jquery com ui 1 12 1 themes smoothness jquery-ui css  gt   lt script src    code jquery com jquery-1 12 4 js  gt  lt  script gt   lt script src    code jquery com ui 1 12 1 jquery-ui js  gt  lt  script gt

User · Answer

I have put the images in a convenient zip file  http   zlab co za lib help jquery-ui css images zip  As the readme txt file in the zip file reads  Place the  images  folder in the same folder where your  jquery-ui css  file is located   I hope this helps

User · Answer

They arent missing  the path is wrong  Its looking in non-existent dir  img  for a file that is in dir  images    To fix either edit the file that declares the wrong path or as I did just make a softlink like  ln -s images img

User · Answer

I saw in console that whenever I open my datepicker that I get 404 Not found error for this image file ui-bg glass 75 e6e6e6 1x400 png  I downloaded the image from github and put it in my local under jquery-ui folder  Now the problem is solved   Other image files found here    https   github com julienw jquery-trap-input tree master lib jquery themes base images

User · Answer

you have workaround by setting background color instead of this missing icon  Here are the steps to follow    open relevant  jquery-ui-x - x css  file search for the missing file name in css file eg  ui-bg flat 75 ffffff 40x100 png     Remove comment the line that calls this background image  instead add the following line to replace the background color  background-color   ffffff    That will probably work

[jquery] Icons missing in jQuery UI

Examples related to jquery

Examples related to jquery-ui