ui-accordion: The outer container of the accordion.
ui-accordion-header: The headers of the accordion. The headers will additionally have a ui-accordion-icons class if they contain icons.ui-accordion-content: The content panels of the accordion.ui-accordion-header: The headers of the accordion. The active header will additionally have a ui-accordion-content-active class, the inactive headers will have a ui-accordion-header-collapsed class. The headers will also have a ui-accordion-icons class if they contain icons.
+ ui-accordion-header-icon: Icon elements within each accordion header.ui-accordion-content: The content panels of the accordion. The active content panel will additionally have a ui-accordion-content-active class.This provides a hook for the user to add additional classes or replace default styling classes, through the classes option.
It also provides automatic removal of these classes when a widget is destroyed, as long as you're using _addClass(), _removeClass() and _toggleClass() together. This can heavily simplify the implementation of custom _destroy() methods.
this.element.classes option matches a key, the value will be added as well.
+ When you only need the extra argument, you can skip this argument by specifying null.
keys argument, these aren't associated with any properties of the classes option. Just like keys, they will also be automatically removed when destroying the widget.ui-progressbar class to the widget's element (this.element). Will also add any additional classes specified through the classes option for the given class.demo-popup-header class to the specified element (here referencing this.popup). Will also add any additional classes specified through the classes option for the given class. In addition, it will always add the ui-front class.ui-helper-hidden-accessible class to the specified element. Uses null for the keys argument to skip it.The arguments are the same as for the _addClass() method, the same semantics apply, just in reverse.
this.element.classes option matches a key, the value will be removed as well.
+ When you only need the extra argument, you can skip this argument by specifying null.
keys argument, these aren't associated with any properties of the classes option.ui-progressbar class from the widget's element (this.element). Will also remove any additional classes specified through the classes option for the given class.demo-popup-header class from the specified element (here referencing this.popup). Will also remove any additional classes specified through the classes option for the given class. In addition, it will also remove the ui-front class.ui-helper-hidden-accessible class from the specified element. Uses null for the keys argument to skip it.The arguments are the same as for the _addClass() and _removeClass() methods, except for the additional boolean argument that specifies to add or remove classes.
Unlike jQuery's .toggleClass() method, the boolean add argument is always required.
this.element.classes option matches a key, the value will be toggled as well.
+ When you only need the extra argument, you can skip this argument by specifying null.
keys argument, these aren't associated with any properties of the classes option. Just like keys, they will also be automatically removed when destroying the widget.Indicates whether to add or remove the specified classes, where a boolean true indicates that classes should be added, a boolean false indicates that classes should be removed.
ui-state-disabled class on the widget's element (this.element)._create() method is the widget's constructor.
diff --git a/entries/labels.xml b/entries/labels.xml
new file mode 100644
index 00000000..bc7efd5f
--- /dev/null
+++ b/entries/labels.xml
@@ -0,0 +1,29 @@
+
+This can be used to find all the <label> elements associated with an <input> element. The association can be through nesting, where the label is an ancestor of the input, or through the for attribute on the label, pointing at the id attribute of the input. If no labels are associated with the given element, an empty jQuery object is returned.
This methods mimics the native labels property, which isn't supported in all browsers. In addition, this method also works for document fragments.
A menu can be created from any valid markup as long as the elements have a strict parent/child relationship. The most commonly used element is the unordered list (<ul>):
A menu can be created from any valid markup as long as the elements have a strict parent/child relationship. The most commonly used element is the unordered list (<ul>). Additionally, the contents of each menu item must be wrapped with a block-level DOM element. In the example below <div> elements are used as wrappers:
- Item 1
- Item 2
- Item 3
+
+ Item 1
+
+
+ Item 2
+
+
+ Item 3
- - Item 3-1
- - Item 3-2
- - Item 3-3
- - Item 3-4
- - Item 3-5
+ -
+ Item 3-1
+
+ -
+ Item 3-2
+
+ -
+ Item 3-3
+
- Item 4
- Item 5
+
+ Item 4
+
+
+ Item 5
+
]]>
- Save
+
+ Save
+
]]>Menu automatically adds the necessary padding to items without icons.
Divider elements can be created by including unlinked menu items that contain only spaces and/or dashes:
+Divider elements can be created by including menu items that contain only spaces and/or dashes:
- Item 1
+
+ Item 1
+
-
- Item 2
+
+ Item 2
+
]]>ui-menu: The outer container of the menu. This element will additionally have a ui-menu-icons class if the menu contains icons.
+ ui-menu: The outer container of the menu, as well as any nested submenu. This top-level element will additionally have a ui-menu-icons class if the menu contains icons.
ui-menu-item: The container for individual menu items.
+ ui-menu-item: The container for individual menu items. This contains the element for the item's text itself as well as the element for submenus.
ui-menu-divider: Divider elements between menu items.focus event.
+ Activates the given menu item and triggers the menu's focus event. Opens the menu item's sub-menu, if one exists.
This is a standalone jQuery plugin and has no dependencies on other jQuery UI components.
"right" will be normalized to "right center", "top" will be normalized to "center top" (following CSS convention). Acceptable horizontal values: "left", "center", "right". Acceptable vertical values: "top", "center", "bottom". Example: "left top" or "center center". Each dimension can also contain offsets, in pixels or percent, e.g., "right+10 top-25%". Percentage offsets are relative to the element being positioned.ui-progressbar: The outer container of the progressbar. This element will additionally have a class of ui-progressbar-indeterminate for indeterminate progressbars.
+ ui-progressbar: The outer container of the progressbar. This element will additionally have a class of ui-progressbar-indeterminate for indeterminate progressbars. For determinate progressbars, the ui-progressbar-complete class is added once the maximum value is reached.
ui-progressbar-value: The element that represents the filled portion of the progressbar.
@@ -35,6 +35,15 @@
Method that controls the creation of the generated button content. The method must create and return a new element.
+<option> element.<optgroup>, this is set to that <optgroup>'s label.value attribute of the item's original <option>.", {
+ "class": "ui-selectmenu-text"
+ })
+ this._setText( buttonItem, item.label );
+
+ buttonItem.css( "background-color", item.value )
+
+ return buttonItem;
+}
]]>
When using this effect with the .show() and .toggle() methods, the to argument is used as the starting point and the original size used as the endpoint.
ui-slider: The track of the slider control. This element will additionally have a class name of ui-slider-horizontal or ui-slider-vertical depending on the orientation of the slider.
+ ui-slider: The track of the slider control. This element will additionally have a class name of ui-slider-horizontal or ui-slider-vertical depending on the orientation option of the slider.
ui-slider-handle: The slider handles.ui-slider-range: The selected range used when the range option is set. This element can additionally have a class of ui-slider-range-min or ui-slider-range-max if the range option is set to "min" or "max" respectively.ui-slider-handle: One of the slider handles.ui-slider-range: The selected range used when the range option is set. This element can additionally have a class of ui-slider-range-min or ui-slider-range-max if the range option is set to "min" or "max" respectively.Very useful when trying to visualize interaction between two elements.
The transfer element itself has the class ui-effects-transfer, and needs to be styled by you, for example by adding a background or border.
This effect is deprecated, replaced by the .transfer() method.
Very useful when trying to visualize interaction between two elements.
+The transfer element itself has the class ui-effects-transfer, and needs to be styled by you, for example by adding a background or border.
ui-effects-transfer."fast" and "slow" can be supplied to indicate durations of 200 and 600 milliseconds, respectively. The number type indicates the duration in milliseconds.false, the animation will begin immediately. A string can also be provided, in which case the animation is added to the queue represented by that string.false, the animation will begin immediately. A string can also be provided, in which case the animation is added to the queue represented by that string.Specify additional classes to add to the widget's elements. Any of classes specified in the Theming section can be used as keys to override their value. To learn more about this option, check out the learn article about the classes option.
classes option specified, changing the theming for the ui- class:
+$( ".selector" ).
+ classes option, after initialization, here reading and changing the theming for the ui- class:
+// Getter
+var themeClass = $( ".selector" ).
+ The
The classes option:
.ui-widget-overlay: Applies 100% width & height dimensions to an overlay screen, along with background color/texture, and screen opacity.
.ui-widget-shadow: Class to be applied to overlay widget shadow elements. Applies background color/texture, custom corner radius, opacity, top/left offsets and shadow "thickness". Thickness is applied via padding to all sides of a shadow that is set to match the dimensions of the overlay element. Offsets are applied via top and left margins (can be positive or negative).
+ .ui-widget-shadow: Class to be applied to overlay widget shadow elements. Sets box-shadow x & y offset, blur radius and color.