Panels
Dashboard Panel
global-notifications.css |
A dashboard panel containing UI, custom messages, and images.
Scene HTML |
---|
None |
Base selector | Optional selectors | Required child |
---|---|---|
.palm-dashboard-icon-container | Â | Â |
.palm-dashboard-text-container | .selected | Â |
.palm-dashboard-icon | .alert | Â |
.palm-dashboard-text | Â | Â |
Dialog
global.css and global-buttons.css |
A modal panel pinned to the bottom of the scene.
Scene HTML |
---|
<div class="palm-dialog-content"> <div class="palm-dialog-title">Title</div> <div class="palm-dialog-separator"></div> <div class="palm-dialog-message">Message</div> </div> <div class="palm-dialog-buttons"> <!-- buttons --> </div> |
Base selector | Optional selectors | Required child |
---|---|---|
.palm-dialog-content | Â | .palm-dialog-title .palm-dialog-separator .palm-dialog-message |
.palm-dialog-title | .un-capitalize | Â |
.palm-dialog-buttons | Â | .palm-button |
.palm-dialog-separator | Â | Â |
.palm-dialog-message | Â | Â |
Notes:
Custom dialog box template with title, message, and buttons.
Menu Panel
global-menus.css |
A pop-up panel containing UI or lists, floating under the view or command menu.
Scene HTML |
---|
None |
Base selector | Optional selectors | Required child |
---|---|---|
.palm-menu-panel | Â | .palm-menu-panel-fade-top .palm-menu-panel-fade-bottom .palm-menu-panel-wrapper |
.palm-menu-panel-wrapper | Â | .palm-list |
Submenu
global-menus.css |
A pop-up panel containing UI or lists, floating above all other scene UI.
Scene HTML |
---|
None |
Base selector | Optional selectors | Required child |
---|---|---|
.palm-popup | Â | Â |
.palm-popup-container | Â | Â |
.palm-popup-content | .popup-item-checkmark .chosen .palm-divider | Â |
.palm-popup-icon ... |
Get Palm webOS now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.