Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

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...Getting StartedGetting StartedHow to use jQuery ui tabs in DNN6 in custom moduleHow to use jQuery ui tabs in DNN6 in custom module
Previous
 
Next
New Post
3/7/2012 10:25 AM
 

So I upgraded my DNN installation from 5.4.4 to 6.2. At first sight it all went smooth but starting to test stuff there are several things I need to adjust.

One of the problems I'm encountering has to do with jQuery UI tabs. They are not workin anymore in my custom module

I have removed all my code that was loading the necessary scripts (jquery-ui and jquery.ui.tabs) since DNN6 Now includes it.

So jquery-ui gets loaded but no tabs. How do I correctly register the jquery.ui.tabs scripts, where is it located..I only found dnnTabs inside js/dnn.jquery.js? I do not wish to use dnnTabs but jquery ui tabs itself..

I've tried adding 
DotNetNuke.UI.Utilities.ClientAPI.RegisterClientReference(Me.Page, UI.Utilities.ClientAPI.ClientNamespaceReferences.dnn),
DotNetNuke.Framework.jQuery.RegisterJQueryUI(Me.Page),
DotNetNuke.Framework.jQuery.RegisterDnnJQueryPlugins(Me.Page),
DotNetNuke.Framework.jQuery.RequestUIRegistration(),

And any combinations of those and I tried registering my jquery.ui.tabs.js file the way I used to do it but with no success..

 
New Post
3/13/2012 9:29 AM
 
I see still no reactions here, in the meanwhile I found the issue. Apparently dnn includes the jQuery tabs script (used DotNetNuke.Framework.jQuery.RequestUIRegistration() ) but not the accompanying css. (using dnn6 upgraded from 5.4)
 
New Post
3/13/2012 10:33 AM
 

Using the jQuery.RequestUIRegistration() method will register jQuery as well as jQuery UI. However, in order to make use of the dnn jQuery UI plugins, you need to call jQuery.RequestDnnPluginRegistration(), which will also register jQuery and jQuery UI too. As for 'styles' around the plugins, these are located in the default.css in all 6.0 or greater installs.

View this page in the wiki, it also leads to the individual plugins and how to properly utilize them (requires some javascript). 


Chris Paterra

Get direct answers to your questions in the Community Exchange.
 
Previous
 
Next
HomeHomeDevelopment and...Development and...Getting StartedGetting StartedHow to use jQuery ui tabs in DNN6 in custom moduleHow to use jQuery ui tabs in DNN6 in custom module


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.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out