tylerlee

<accounts>
  <accounts_size>1484</accounts_size> <!-- list all accounts first returns statistics on accounts -->
  <account> <!-- one account object is returned for every account -->
    <account_id>1440</account_id>
    <username>ajm85tx</username>
    <first_name>Alex</first_name>
    <last_name>Morales</last_name>
    <email_address>alex@orgsync.com</email_address>
    <last_login>2011-12-13 14:08:13 -0600</last_login>
    <organization_ids/>

tylerlee

<!-- How to Layout a Form -->



<!-- GitHub (The Definition List Method) -->
<form>
  <fieldset>
    <dl class="form">
      <dt><label>Example Text</label></dt>
      <dd><input type="text" class="textfield" value="Example Value" /></dd>

tylerlee

<form>
  <fieldset>
    <dl class="form">
      <dt><label>Example Text</label></dt>
      <dd><input type="text" class="textfield" value="Example Value" /></dd>
    </dl>

    <dl class="form">
      <dt><label>Example Label</label></dt>
      <dd>

tylerlee

      
  # Public: Truncates a piece of text
  # 
  # content     - the string to be truncated
  # length      - the length at which to cut the string
  # omission    - defaults to '...'
  #
  #
  # Examples
  #

tylerlee

<% links = [{:title => 'Home', :path => styleguide_path},
            {:title => 'The Grid', :path => styleguide_path(:grid)},
            ...] %>
<%= 
  vertical_tabs do |ui| 
    links.each do |tab|
      ui.tab tab[:title],
      tab.delete(:path)
    end
  end 

tylerlee

<!-- "Full" Layout. The Default -->
<div class="layout">
  <div class="main">
    Main
  </div>
</div>

<!-- Layout With Sidebar -->
<div class="layout with-sidebar">
  <div class="main">

tylerlee

<!-- "Full" Layout. The Default -->
<div class="layout">
  <div class="main">
    Main
  </div>
</div>

tylerlee

<!-- Layout With Sidebar -->
<div class="layout with-sidebar">
  <div class="main">
    Main
  </div>
  <div class="sidebar">
    Sidebar
  </div>
</div>

tylerlee

<!-- Layout with Sidebar (Left) -->
<div class="layout with-sidebar">
  <div class="sidebar">
    Sidebar
  </div>
  <div class="main">
    Main
  </div>
</div>

tylerlee

<!-- Split Layout -->
<div class="layout split">
  <div class="main">
    Main
  </div>
  <div class="sidebar">
    Sidebar
  </div>
</div>