
- jQuery Mobile - Home
- jQuery Mobile - Overview
- jQuery Mobile - Setup
- jQuery Mobile - Pages
- jQuery Mobile - Icons
- jQuery Mobile - Transitions
- jQuery Mobile - Layouts
- jQuery Mobile - Widgets
- jQuery Mobile - Events
- jQuery Mobile - Forms
- jQuery Mobile - Themes
- jQuery Mobile - CSS Classes
- jQuery Mobile - Data Attributes
jQuery Mobile - Panels Widget
Panels are used to display the DOM components in the box using the datarole = "panel" attribute.
Following table lists some of the panels types which are supported by the jQuery Mobile −
Sr.No. | Type & Description |
---|---|
1 |
Panels
Basic panel which moves from the left or the right side of the screen to display the content. |
2 |
Closing Panels
You can close the panel using Esc key or by clicking outside the panel. |
3 |
External Panels
External panels are used to display the content outside the page. |
4 |
Positioning Panels
Specifies the position of panel in the page. |
5 |
Panel Responsive
You can make the panel responsive and allows the panel menu and the page to be used together. |
6 |
Panel Styling
You can use styles for the panels. |
7 |
Open panel on swipe
You can open the panel with a swipe. |
8 |
External and Internal Panel
Displays the internal and external panels. |
jquery_mobile_widgets.htm
Advertisements