<div class="row">
<div class="span4">
<h3>Error or danger</h3>
<?php
display_example('alerts-error');
?>
</div>
<div class="span4">
<h3>Success</h3>
<?php
display_example('alerts-success');
?>
</div>
<div class="span4">
<h3>Information</h3>
<?php
display_example('alerts-info');
?>
</div>
</div>
<h2>Error collections</h2>
<div class="row">
<span class="span12">
<p>The <code>Alert</code> class can also render error collections.</p>
<?php
display_example('alerts-errors');
?>
</span>
</section>
<li>text inputs (text, password, email, etc)</li>
<li>checkbox</li>
<li>radio</li>
<li>select</li>
<li>multiple select</li>
<li>file input</li>
<li>textarea</li>
</ul>
</div>
</div>
</div>
<br />
<div class="row">
<div class="span8"><?php
display_example('forms-states');
?>
</div>
<div class="span4">
<div class="form-docs">
<h3>Form validation</h3>
<p>
The <code>STATE</code> attribute defines state of the input element,
possible values are <code><em>null</em></code>, <code>error</code>,
<code>warning</code> or <code>success</code>. <code>Group</code> elements use
the corresponding class to highlight the element.</p>
<pre class="prettyprint"><?php echo new Text(array(Element::STATE => 'error', Element::INLINE_HELP => "The value should not be blue"));</pre>
<p>
When the form is validated using its
<code>validate()</code>
<section id="groups">
<div class="page-header">
<h1>Groups <small>Grouping elements with relative order</small></h1>
</div>
<h2>Group elements</h2>
<div class="row">
<div class="span4">
<p>Usually elements within a form are grouped according to the <code>GROUP</code>
attribute. But groups can be as easilly created using the <code>Group</code>
class.</p>
<p>The <code>Group</code> class wraps its children in a <code>FIELDSET</code> element,
an optionnal legend can be used to provide the group with a title. Each child is wrapped
in a <code>DIV.field</code> element and the form label is distinguished from the input
itself.</p>
<p>The <code>Group</code> class supports the <code>WEIGHT</code> attribute and displays
ordered children.</p>
</div>
<div class="span8">
<?php
display_example('groups-group');
?>
</div>
</div>
</section>
the left of the anchor.</p>
</div>
<div class="span9">
<div class="well popover-well">
<img src="/assets/icybee.jpg" id="popover-anchor-1" style="display: block; width: 210px; margin-left: auto; opacity: .1">
</div>
<?php
display_example('popovers-placement');
?>
</div>
</div>
<div class="row">
<div class="span3">
<h2>Contrast and actions</h2>
<p>Contrast can be used to indicate that the content of the popover is not directly
related to the current page.</p>
<p>Popovers can be used to provide a way to edit complex data which are presented
more simply on the page.</p>
</div>
<div class="span9">
<?php
display_example('popovers-contrast');
?>
</div>
</div>
</section>
