New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeDevelopment and...Development and...Building ExtensionsBuilding ExtensionsModulesModulesNo jQuery UI Style?No jQuery UI Style?
Previous
 
Next
New Post
2/4/2013 4:14 PM
 

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!

 
New Post
2/5/2013 4:42 PM
 
Where exactly are you adding the LINK reference? You might try putting it in using the dependency code,

http://www.dotnetnuke.com/Resources/W...

Basically I think you would use

<%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.Client.ClientResourceManagement" Assembly="DotNetNuke.Web.Client" %>

http://code.jquery.com/ui/1.8.6/theme... PathNameAlias="SkinPath" />

That being said, I was having some issues with the UI myself while trying to work with the Dialog plug last week on a project. I think, haven't tracked it down in code, DNN is somehow changing the way the UI is loaded. I ended up giving up trying to style the modal window and just used the standard DNN class for dnnFormPopup, by passing this into my dialog

dialogClass: "dnnFormPopup",

Chris Hammond
Former DNN Corp Employee, MVP, Core Team Member, Trustee
Christoc.com Software Solutions DotNetNuke Module Development, Upgrades and consulting.
dnnCHAT.com a chat room for DotNetNuke discussions
 
New Post
2/5/2013 5:06 PM
 
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.
 
New Post
2/5/2013 5:22 PM
 
installing the file from the jQuery-UI website worked. I've even turned composite files and minification back on.

I would have thought that jQuery-UI theme manangement (at least the default themes) would be part of the jQuery HOST settings.

Anyway... thanks for sending me in the right direction. I think I have this sorted.
 
New Post
2/5/2013 5:34 PM
 
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
 
Previous
 
Next
HomeHomeDevelopment and...Development and...Building ExtensionsBuilding ExtensionsModulesModulesNo jQuery UI Style?No jQuery UI Style?


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.