Hello,

I have a module that uses the jQuery UI widget, and I've noticed that no matter what I do, the widget is not styled according to the jquery ui css. The jQuery UI framework IS applying the styles to the HTML elements,

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem"

but it is as if the styles don't exist. I'm even coarsly adding:

<link href="http://code.jquery.com/ui/1.8.6/themes/base/jquery-ui.css" type="text/css" />

into the View.ascx file, but it is not applying the styles. I see where the jQuery UI framework is added by DNN, but I can't find where it is supposed to be adding the appropriate CSS.

I feel like I must be missing something obvious, but I haven't found any viable solution.

Thanks!

I had to turn off composite files in the client resource manager for it to work. I wonder if it's because the jQuery-UI bundle I have uses nested IMPORT statements to load the CSS?

I'm going to try again with a single minified jQuery-UI CSS file downloaded from the themeroller

Also the resourcemanager wouldn't use a fully qualified url.

I believe that imports statements must be at the start of a file.

If a file containing imports happens to find itself as number 2, or worse, in a bundle, then the imports are doomed to failure.

---

Best wishes,
- Richard
Agile Development Consultant, Practitioner, and Trainer
www.dynamisys.co.uk