Dividers
Alphabetical Dividers
global-dividers.css |
Divide a scene or list of rows with a bold line containing a single character.
Scene HTML |
---|
<div class="palm-divider alpha"> <div>#{dividerLabel}</div> </div> |
Base selector | Optional selectors | Required child |
---|---|---|
.palm-divider.alpha | Â | Â |
Collapsible Dividers
global-dividers.css |
Divide a scene or list of rows with dividers that control corresponding drawers of content.
Scene HTML |
---|
<table class="palm-divider collapsible"> <tr> <td class="left"></td> <td class="label">My label</td> <td class="line"></td> <td><div class="palm-arrow-closed arrow_button"></div></td> <td class="right"></td> </tr> </table> |
Base selector | Optional selectors | Required child |
---|---|---|
.palm-divider.collapsible | .label .line .right | Â |
Labeled Dividers
global-dividers.css |
Divide a scene or list of rows with a bold line and label.
Scene HTML |
---|
<table class="palm-divider labeled"> <tr> <td class="left"></td> <td class="label"> My title </td> <td class="right"></td> </tr> </table> |
Base selector | Optional selectors | Required child |
---|---|---|
.palm-divider.labeled | .left .right | Â |
Solid Dividers
global-dividers.css |
Divide a scene or list of rows with a bold line.
Scene HTML |
---|
<div class="palm-divider"></div> |
Base selector | Optional selectors | Required child |
---|---|---|
.palm-divider | Â | Â |
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.