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 p

Answer 1

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 :)

Answer 2

You need downbload the jQueryUI, this contains de images that you need

enter link description here

Answer 3

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

Answer 4

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.

Answer 5

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&can=2&q=

reference: www.thedeveloperblog.com

Answer 6

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