kmpm/fitbit-sdk-notes.md

## fitbit-sdk-notes.md

      
    Raw
  

              fitbit-sdk-notes.md
            
          
    Components

#tile-list

Basic example

<symbol id="mytile">
  <!-- tile content here -->
</symbol>

<use id="mylist" href="#tile-list" >
  <use id="tile-0" href="#tile-list-item">
    <use href="#mytile" />
  </use>
</use>
Imports

<svg>
  <defs>
    <link rel="stylesheet" href="styles.css" />
    <link rel="import" href="/mnt/sysassets/widgets_common.gui" />
    <!-- Additional Imports -->
    <link rel="import" href="/mnt/sysassets/widgets/tile_list_widget.gui"/>
  </defs>
</svg>
Configuration


<var id="align-mode" value="X" />: X='0' selects no alignment, i.e. the default behavior.
X='1' selects aligning the nearest item to the top of the view after the scroll ends.


<var id="peek-enabled" value="X" />: X='0' disables peek.


<var id="reorder-enabled" value="0" />: Seen used in BART example


<var id="separator-height-bottom" value="2"/>: Seen used in BART example


#title-list-item: A repeating container element.


Styling


.item-header: Seen in example
.item-footer: Seen in example

#title-list-item

Part of #title-list
<symbol id="mytile" focusable="false" pointer-events="visible"
system-events="all">

</symbol>
Configuration


focusable="<bool>": Seen in example
pointer-events="visible": Seen in example
system-events="all": Seen in example