Include jQueryUI Widget

The Include jQueryUI Widget is a simple and easy way to include support for the jQueryUI client-side plugin controls and the pre-definied CSS themerollers.  All files currently are included from the Google CDN.

Widget Suite Version:  01.03.00 and up

Object Tag

<object id="ANY-UNIQUE-ID-YOU-WANT" codetype="dotnetnuke/client" codebase="WillStrohl.Widgets.IncludejQueryUI" declare="declare">

</object>

This is the simplest method of implementing this widget. The ID attribute is required, but can be any unique value that you want to assign to it. The rest of the values must be in place how you see them above.

Parameters

The following parameters are optional, but allow you to customize how this widget will work and affect your page. 

version

Allows you to specify the version number of jQueryUI to be included and applied to your page.

Default - 1.8.10
Notes - If you simply specify 1, then the most current version of the 1 series will be included. For example, when version 1.9 of jQueryUI is released, your site will automatically have that version imported.
Usage

<param name="version" value="1" />

theme

Allows you to specify one of many pre-defined themeroller themes to be included and applied to your page.

Default - ui-lightness
Possible Values - Possible values include: base, black-tie, blitzer, cupertino, dot-luv, excite-bike, hot-sneaks, humanity, mint-choc, redmond, smoothness, south-street, start, swanky-purse, trontastic, ui-darkness, ui-lightness, vader
Notes - None
Usage

<param name="theme" value="dot-luv" />

debug

Allows you to print out debugging information to help you troubleshoot the widget.

Default - false
Possible Values - true|false
Notes - None
Usage

<param name="debug" value="true" />

Example Usage

<object id="ANY-UNIQUE-ID-YOU-WANT" codetype="dotnetnuke/client" codebase="WillStrohl.Widgets.IncludejQueryUI" declare="declare">
     <param name="version" value="1" /> 
     <param name="theme" value="dot-luv" /> 
     <param name="debug" value="false" /> 
</object>
Create the Widget HTML Mark-Up
  1. Enter or select the appropriate values in the form below to generate the skin widget mark-up to use in your site. Copy and paste it into your site.
  2. >> Generate Widget Code