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 | .left .right |
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access