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

  
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.118.19.207