Welcome Guest. Sign in or Signup

3. Widgets

Posted on February 20, 2015 0 Comments

jQuery-UI Context Menu Plugin

VectorWorkz has created this context menu plugin using the new jQuery-UI Menu available as of jQuery UI 1.11. It would have been great if the jQuery UI team had extended their Menu to support Context Menu scenarios as well, but since they didn’t do it, we have here. Features Associate a single menu with multiple […]

Posted on December 5, 2014 1 Comments

How to add Menu items dynamically into jQueryUI Menu.

Below code illustrates how to dynamically add menu items with sub menus into jQueryUI.

Posted on June 5, 2014 1 Comments

How to prevent suggestion while typing white space in autocomplete

Sometimes you want to prevent suggestions when the user simply starts with a Space key. You can do so as follows:

Posted on October 2, 2013 0 Comments

How to create a tooltip by using inline CSS ?

Creating a tooltip using inline CSS without any Javacsript code when the CSS tooltip is most preferable. Here is the sample which will illustrate it .For demo:CSS tooltip

Posted on September 30, 2013 0 Comments

Is there a Clock plugin that can be used in my HTML page?

Here is a simple JS clock that can be used in any HTML page. Here is the above sample updated to support different looks based on jQuery UI Themes.

Posted on March 7, 2013 0 Comments

How to use NewTagPlugin widget?

This sample illustrates how to use the NewTagPlugin widget. NewTagPlugin widget ,which is used to differentiate the newly added items from old items.

Posted on March 5, 2013 0 Comments

How to use DateTimePicker widget?

This sample illustrates how to use the DateTimePicker widget. DateTimePicker is built using the jQuery datepicker and a custom TimeSpinner widget Since it uses the jQuery UI datepicker, not only do you get a fully functional and tested calendar but also the numerous themes that are available in jQuery UI. The TimeSpinner allows you to […]

Posted on February 14, 2013 0 Comments

How to swap content div using link buttons?

This sample will illustrate how to swap the content div using link buttons.

Posted on February 12, 2013 0 Comments

How to use DurationPicker widget?

This sample will illustrate how you to use the DurationPicker widget. Duration defines the diffreance between two dates. In JQuery UI, there is no editor ot edit the duration.This is derived from JQuery UI Spinner widget.

Posted on February 12, 2013 1 Comments

How to make jQueryUI sortable to clone items using alt or ctrl keys and don’t clone without it?

While dragging an item without pressing Ctrl or Alt, the item will be visually removed from the list before the drag starts. However, if Ctrl or Alt is pressed, the dragged item will not be removed visually from the list. This sample will illustrate how you to make jQueryUI sortable to clone items using alt […]