Skip to content

Instantly share code, notes, and snippets.

@keirbowden
Created April 18, 2015 14:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save keirbowden/a1e624fbc596f0b71ea4 to your computer and use it in GitHub Desktop.
Save keirbowden/a1e624fbc596f0b71ea4 to your computer and use it in GitHub Desktop.
Accounts List Lightning Component
<aura:component controller="AccountsListController" implements="flexipage:availableForAllPageTypes">
<link href="/resource/Bootstrap_3_3_2/bootstrap-3.3.2-dist/css/bootstrap.min.css" rel="stylesheet" />
<link class="user" href="/resource/Bootstrap_3_3_2/bootstrap-3.3.2-dist/css/bootstrap-theme.min.css"
rel="stylesheet" type="text/css" />
<aura:attribute name="accounts" type="Account[]" />
<aura:handler name="init" value="{!this}" action="{!c.doInit}" />
<div class="container-fluid">
<div class="row-fluid">
<div class="col-xs-12 col-md-9">
<!-- Display a Bootstrap panel for each account -->
<aura:iteration items="{!v.accounts}" var="acc">
<div class="row-fluid">
<div class="col-xs-12 fullwidth">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">{!acc.Name}</h3>
</div>
<div class="panel-body">
<label>Industry: </label>{!acc.Industry}
</div>
<div class="panel-footer">
</div>
</div>
</div>
</div>
<div class="fluid-row">
<div class="col-xs-12 top-buffer">
</div>
</div>
</aura:iteration>
</div>
</div>
</div>
</aura:component>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment