To create menus, the jQuery UI menu() method is used. It contains the main menu bar with pop-up menus. The items in the pop-up menus can also have sub-pop-up menus. The markup elements are used to create the menus, as long as the parent-child relationship is maintained. Syntax: The menu() method can be used in … Read more
To provide information in a particular way on the HTML pages, the jQuery UI dialog boxes are used. It creates a basic dialog window, positioned into the viewport and protected from page content. It also holds a title bar and a content area. By default, it can be moved, resized, and closed with the ‘x’ … Read more
The feature to enter dates easily and visually is facilitated by the jQuery UI Datepicker widget. It also supports the feature to customize the date format and language, restrict the selectable date ranges, adds buttons and other navigation options easily. Along with creating a date picker, the jQuery UI Datepicker() method also changes the appearance … Read more
To transform the HTML elements such as, buttons, inputs, and anchors etc., the jQuery UI button() method is used. The HTML elements are thus transformed into themeable buttons, with automatic management of mouse movements on them which is managed transparently by the jQuery UI. Syntax: The button() method is used in two forms: $(selector, context).button … Read more
To provide the users a list of suggestions while typing the beginning word in the text box, the Autocomplete mechanism is used. It is commonly used in modern websites. It is very useful when it is required to select an item from a list, to be displayed in the input field. The user thus doesn’t … Read more
Being an expandable and collapsible content holder, the jQuery UI Accordion is broken into sections. It probably resembles like tabs. Syntax: The accordion() method can be used in two forms: $(selector, context).accordion (options) Method OR $(selector, context).accordion (“action”, params) Method First Method: The accordion (options) Method: To indicate that an HTML element and its contents … Read more
To re-order the elements in the list or grid form with the use of the mouse, the jQueryUI sortable() method is used. An operation string passed as the first parameter, is what the sorting ability of this method is based on. Syntax: The sortable() method can be used in two forms: $(selector, context).sortable (options) Method … Read more
To select a DOM element individually or in a group, by dragging a box with the mouse over the element, the jQuery UI selectable() method is used. The ctrl button can be used to select multiple elements. Syntax: The selectable () method can be used in two forms: $(selector, context).selectable (options) Method $(selector, context).selectable (“action”, … Read more
To resize a DOM element, the jQuery UI resizable() method is used which displays an icon in the bottom right of the item to resize. Because of its advantage of simplifying the method of resizing of elements along with the benefit of reduction in time and lines of code, it is highly recommended. Syntax: The … Read more
A DOM element can be made droppable at a specified target using the droppable() method of the JQuery UI. Syntax: The droppable () method can be used in either of its two acceptable forms: $(selector, context).droppable (options) Method $(selector, context).droppable (“action”, params) Method First Method: The droppable (options) method: To specify that an HTML element … Read more