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.