- jQuery Mobile - Data Attributes
- jQuery Mobile - CSS Classes
- jQuery Mobile - Themes
- jQuery Mobile - Forms
- jQuery Mobile - Events
- jQuery Mobile - Widgets
- jQuery Mobile - Layouts
- jQuery Mobile - Transitions
- jQuery Mobile - Icons
- jQuery Mobile - Pages
- jQuery Mobile - Setup
- jQuery Mobile - Overview
- jQuery Mobile - Home
jQuery Mobile Useful Resources
- jQuery Mobile - Discussion
- jQuery Mobile - Useful Resources
- jQuery Mobile - Quick Guide
- jQuery Mobile - Interview Questions
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
jQuery Mobile - Widgets
A widget is a small gadget or control of your jQuery mobile apppcation. Widgets can be very handy as they allow you to put your favorite apppcations on your home screen in order to quickly access them.
Following table demonstrates the types of Widgets in detail.
Sr.No. | Type & Description |
---|---|
1 | It specifies cpckable button that includes content pke text or images. |
2 | Checkboxes are used when more than one option is required to be selected. |
3 | Radio buttons are used when out of many options, just one option is required to be selected. |
4 | It is focused on the input to open an interactive calendar in a small overlay. |
5 | Collapsible allows you to expand or collapse the content whenever cpcked on it. It is very helpful for mobile device, which presents a brief content. |
6 | Controlgroups provide a set of buttons to specify a single block that looks pke a navigation component. |
7 | By using the data-filter = "true" attribute, you can filter the children of any element. |
8 | Fpp Switch allows you to turn off/on or true/false the switch by cpcking on it for boolean style input. |
9 | The purpose of pstview component is to render complex and customized content in psts. |
10 | The jQuery Mobile provides different ways of loading states to an element. |
11 | The navbar widget is a set of buttons which pnks you to other web pages or sections. |
12 | Panels are used to display the DOM components in the box. |
13 | Popup is a user interface that appears within a small window to display text, images, and other content. |
14 | Rangespder widget provides you with a pair of handles allowing you to select a numeric value range. |
15 | A select menu provides various options in the form of dropdown pst, from where a user can select one or more options. |
16 | Spder allows you to choose a value by spding the handle of the spder. |
17 | jQuery Mobile uses the table to represent the data in terms of rows and columns, i.e. displays the data in a tabular format. |
18 | The tabs widget is jQuery ui tabs widget s extension, which accepts all the methods and options. |
19 | The <input> tag is used to declare an input element, a control that allows the user to input data. |
20 | The jQuery mobile toolbar widget allows you to create headers and footers. |