jQuery Common UI Component

jQuery Common UI Component

Status: New To jQuery

Technologies used in this issue:

  • ·         ASP.NET using the 3.5 .NET Framework
  • ·         C#
  • ·         jQuery JavaScript Library v1.10.2
  • ·         jQuery UI - v1.10.4
  • ·         All css and image files associated with the smoothness jQuery UI theme

  My task:

I’m working on creating a “common” jQuery dll component that can easily be referenced by any web project where one wishes to utilize the functionality contained within. The reason I’m doing this is so I can manage all the files in one location, easily distribute new versions, introduce a “lightweight” approach to plumbing it into existing web applications and reduce page bloat in the web pages themselves.

  So far I have been successful in doing this except for 1 thing, and that is accessing the image files that the css files reference.

  How am I doing it?

Basically I’ve created a dll containing all of the necessary jQuery, css and image files along with a “helper” class, which when called upon by a web page’s “pre-render” method embeds all resources within the dll into the page as a “Web Resource”.  I can then freely utilize the jQuery functionality at will.

For some reason the css file referencing the images within the dll itself are not resolving. For example I have a simple jQuery UI Dialog box and calendar control; the dialog box has the “X” image for closing it and the calendar control has the back and forth arrows for scrolling through months.  These graphics won’t render, but the functionality still works where they sit on the control.

  Regardless of what “Build Action” I use in relation to the images the css file is still unable to access them.

  Thanks and I’ll provide any information as requested regarding this topic.   Thanks very much!!!