jQuery widgets
The Magento system uses a jQuery JavaScript library to implement client functionality. This includes a wide usage of standard, customized, and custom jQuery widgets.
This guide discusses the following widgets:
- Accordion widget
- Alert widget
- Breadcrumbs widget
- Calendar widget
- Collapsible widget
- Confirmation widget
- Dropdown widget
- DropdownDialog widget
- FolderTree widget
- Gallery widget
- List widget
- Loader widget
- Magnifier widget
- MediaUploader widget
- Menu widget
- Modal widget
- Multiselect widget
- Navigation widget
- PasswordStrengthIndicator widget
- PopupWindow widget
- Prompt widget
- QuickSearch widget
- RedirectUrl widget
- RemainingCharacters widget
- RowBuilder widget
- Sortable widget
- Sticky widget
- Tabs widget
- ToggleAdvanced widget
- TrimInput widget
Magento 2 supports jQuery UI 1.9.2, widget options added in later versions might be unavailable.
Magento out of the box does not contain jQuery UI styles. Also, it is not recommended to download them as is, because it can break the default Magento design. To use certain jQuery UI styles, you need to add them manually in your custom stylesheets in the {your_theme_dir}/web/css or {your_module_dir}/view/{area}/web/css directory.