mirror of
https://github.com/ExactTarget/fuelux.git
synced 2026-01-13 00:18:03 -05:00
62 lines
2.0 KiB
HTML
62 lines
2.0 KiB
HTML
|
|
<div class="row">
|
|
<!-- Building Form. -->
|
|
<div class="col-md-6">
|
|
<div>
|
|
<h2>Your Form</h2>
|
|
<div id="build">
|
|
<form id="target">
|
|
</form>
|
|
</div>
|
|
<div class="well form-inline">
|
|
<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="theme-toggle">
|
|
<input class="sr-only" type="checkbox" value="mctheme">
|
|
<span class="checkbox-label">Marketing Cloud Theme</span>
|
|
</label>
|
|
<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="horizontal-toggle">
|
|
<input class="sr-only" type="checkbox" value="horizontal" checked>
|
|
<span class="checkbox-label">Horizontal Form</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- / Building Form. -->
|
|
|
|
<!-- Components -->
|
|
<div class="col-md-6">
|
|
<h2>Drag & Drop components</h2>
|
|
<hr>
|
|
<div class="tabbable">
|
|
<ul class="nav nav-tabs" id="formtabs">
|
|
<!-- Tab nav -->
|
|
</ul>
|
|
<form id="components">
|
|
<fieldset>
|
|
<div class="tab-content">
|
|
<!-- Tabs of components go here -->
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- / Components -->
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<hr>
|
|
<p>
|
|
By <a href="https://twitter.com/cmcculloh">Christopher McCulloh</a> based on <a href="https://github.com/minikomi/Bootstrap-Form-Builder" >Bootstrap Form Builder</a> by Adam Moore (<a href="https://twitter.com/minikomi" >@minikomi</a>). <a href="https://github.com/ExactTarget/fuelux/tree/gh-pages/">Fork Me</a>.
|
|
</p>
|
|
|
|
<p>
|
|
<a href="exacttarget.github.io/fuelux/">Fuel UX</a> & <a href="https://getbootstrap.com/">Bootstrap</a> form builder to help take the stress out of writing all that markup to get forms together.
|
|
</p>
|
|
|
|
<p>
|
|
Adding components can be done! <a href="https://github.com/ExactTarget/fuelux/tree/gh-pages/">Clone the Fuel UX</a>. The Form Builder is in the `gh-pages` branch. Pull requests welcome!
|
|
</p>
|
|
</div>
|
|
</div>
|