I am struggling to get jQuery UI (1.8.6) library integrated with JSF 2.0 (Facelets) using the resources functionality. I have re-factored the index.html from the standard jQuery UI library to use JSF tags in the head of my page as follows:
I then include the details of the index.html which comes with the jQuery UI download (showcasing the different components) in the body of my page. All the elements are displayed and function correctly (Accordian, Autocomplete etc) except that none of the images are displayed (e.g. the Framework Icons are all just empty gray boxes, there is no prev/next images on the datepicker etc).
If I forgo the JSF tags above and include the css and scripts using standard html tags, i.e.
Then everything works and the images are displayed as expected.
Has anybody managed to get this working? Any help or pointers in the right direction would certainly be appreciated.