DotNetNuke 6 marks the first version that includes jQuery UI in the core framework. The framework takes care of registering the jQuery library when it is needed for its own use but if you need it in your development environment, you have to manually use the API to register it. And using the API is strongly recommended. Use the following code block if you want to use jQuery in your module.

DotNetNuke.Framework.jQuery.RequestRegistration()

Use the jQuery.noConflict(); to not allow other client scripts and libraries to run errors.  This is due to the fact that other client scripts might be using the $ designator for a JavaScript class.

The other method is DotNetNuke.Framework.jQuery.RequestUI Registration which is included from DNN 6.0 onwards. This method as well will ensure that the jQuery UI library reference is included in the page to provide jQuery functionality.

DotNetNuke 6 uses several jQuery plugins to provide an updated, modern, and consistent user interface. These plugins are reusable client-side components that naturally layer functionality on top of the new DNN HTML form pattern. The core framework uses a custom jQuery UI theme to style the dialogs and tabs. A jQuery UI theme is simply CSS that targets the CSS classes generated by the jQuery UI framework. This style can be found in the default.css file.

The important characteristic of this jQuery UI Theme is that it takes advantage of CSS Scope to target only the elements that are necessary for the core to function properly. So it targets “dnnformpopup”  for dialogs and “dnnform” for tabs. It prevents the jQuery conflicts used in other places inside DNN.

jQuery has a larger and larger DNN presence with lightbox,tabs,image slider etc..And used extensively in DotNetNuke 6. DotNetNuke 6 is the first version to make use of jQuery to such a great extent.

If you have jQuery requirements and looking for custom module development with jQuery integration,please Contact Us.