Tooltip

Customizable, themeable tooltips, replacing native tooltips. ExamplesDefault functionalityCustom animation demoCustom contentCustom StylingFormsTrack the mouseVideo Player demo Hover the links above or use the tab key to cycle the focus on each element. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 … Continue reading

Tabs

A single content area with multiple panels, each associated with a header in a list. ExamplesDefault functionalityCollapse contentContent via AjaxOpen on mouseoverSimple manipulationSortableVertical Tabs functionality Click tabs to swap between content that is broken into logical sections. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 … Continue reading

Spinner

Enhance a text input for entering numeric values, with up/down buttons and arrow key handling. ExamplesDefault functionalityCurrencyDecimalMapOverflowTime Default spinner. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 … Continue reading

Slider

Drag a handle to select a numeric value. ExamplesDefault functionalityColorpickerCustom handleMultiple slidersRange sliderRange with fixed maximumRange with fixed minimumSlider bound to selectSnap to incrementsVertical range sliderVertical slider The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys. view source 1 2 3 … Continue reading

Selectmenu

Duplicates and extends the functionality of a native HTML select element to overcome the limitations of the native control. ExamplesDefault functionalityCustom RenderingProduct Selection The Selectmenu widgets provides a styleable select element replacement. It will act as a proxy back to the original select element, controlling its state for form submission or serialization The datasource is … Continue reading

Progressbar

Display status of a determinate or indeterminate process. ExamplesDefault functionalityCustom LabelDownload DialogIndeterminate Value Default determinate progress bar. view source 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <!DOCTYPE html><html lang=”en”><head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <title>jQuery UI Progressbar … Continue reading

Menu

Themeable menu with mouse and keyboard interactions for navigation. ExamplesDefault functionalityCategoriesIcons A menu with the default configuration, disabled items and nested menus. A list is transformed, adding theming, mouse and keyboard navigation support. Try to tab to the menu then use the cursor keys to navigate. view source 1 2 3 4 5 6 7 … Continue reading

Dialog

Open content in an interactive overlay. ExamplesDefault functionalityAnimationModal confirmationModal formModal message The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe. It has a title bar and a content area, and can be moved, resized and closed with the ‘x’ … Continue reading

Controlgroup

Groups multiple buttons and other widgets into one visual set. ExamplesDefault FunctionalitySplit ButtonToolbar A controlgroup featuring various form controls. The first features a horizontal toolbar like orientation, the second is in a space saving vertical orientation for usages like mobile devices and panels. view source 1 2 3 4 5 6 7 8 9 10 … Continue reading

Datepicker

Select a date from a popup or inline calendar ExamplesDefault functionalityAnimationsDates in other monthsDisplay button barDisplay inlineDisplay month & year menusDisplay multiple monthsFormat dateIcon triggerLocalize calendarPopulate alternate fieldRestrict date rangeSelect a Date RangeShow week of the year The datepicker is tied to a standard form input field. Focus on the input (click, or use the … Continue reading