Skip to content

Instantly share code, notes, and snippets.

@neokoenig

neokoenig/gist:2924644

Created June 13, 2012 15:06
Show Gist options
  • Save neokoenig/2924644 to your computer and use it in GitHub Desktop.
Save neokoenig/2924644 to your computer and use it in GitHub Desktop.
Download ZIP
Example CFWHeels Forms for Per
Raw
gistfile1.cfm
<--- edit.cfm // NB, boostrapDateSelect() is using that bootstrap plugin I did--->
<cfparam name="Signpost">
<cfparam name="allCategories">
<cfoutput>
<cfif params.action EQ "edit">
<h1>Edit Signpost</h1>
<p>#linkTo(text="View Signpost", route="Signposts", action="view", key=Signpost.key(), class="btn btn-primary")#</p>
#startFormTag(action="update", route='admin', controller='Signposts')# #hiddenField(objectname="Signpost", property="id")#
<cfelse>
<h1>Add New Signpost</h1>
#startFormTag(action="create", route='admin', controller='Signposts')#
</cfif>
#errorMessagesFor("Signpost")#
<fieldset>
<legend>Main Information</legend>
#textField(objectName="Signpost", property="name", label="Title", class="span5")#
<p class="formHint">An easy to read name for the Signpost</p>
#checkBox(objectName="Signpost", property="isPublic", label="Public")#
<p class="formHint">Display this item on the website</p>
#checkBox(objectName="Signpost", property="isFeatured", label="Feature")#
<p class="formHint">Feature this item on the website</p>
#bootStrapdateSelect(objectName="Signpost", property="publishedAt", minuteStep=30, secondStep=30, groupLabel="Published", class="span1")#
<p class="formHint">Date this item - used for sorting</p>
#textField(objectName="Signpost", property="link", label="Link URL",class="span4")#
<p class="formHint">Main URL to post to</p>
#textField(objectName="Signpost", property="linkTitle", label="Link Text",class="span2")#
<p class="formHint">The text in the button, i.e View Video</p>
#textField(objectName="Signpost", property="image", label="Image", class="span4" , append="<input type='button' class='browseButton' value='Browse Server' onclick='BrowseServer();' /></div></div>")#
<p class="formHint">The main image</p>
#select(
objectName="Signpost",
label="Category", class='multiple',
multiple='false',
property="categoryid",
options=allCategories,
includeBlank=true
)# #textArea(objectName="Signpost", property="description", label="Description", class='ckeditor')#
</fieldset>
<div class="form-actions">#submitTag()#</div>
#endFormTag()#
</cfoutput>
<!--- Rendered HTML output--->
<h1>Edit Signpost</h1>
<p><a class="btn btn-primary" href="/signpost/view/2">View Signpost</a></p>
<form action="/admin/signposts/update" class="form-horizontal" method="post">
<input id="Signpost-id" name="Signpost[id]" value="2" type="hidden">
<fieldset>
<legend>Main Information</legend>
<div class="control-group">
<label class="control-label" for="Signpost-name">Title</label>
<div class="controls">
<input class="span5" id="Signpost-name" maxlength="255" name="Signpost[name]" value="Anti-cancer stem cells" type="text">
</div>
</div>
<p class="formHint">An easy to read name for the Signpost</p>
<div class="controls">
<label for="Signpost-isPublic">Public
<input checked="checked" id="Signpost-isPublic" name="Signpost[isPublic]" value="1" type="checkbox">
<input id="Signpost-isPublic-checkbox" name="Signpost[isPublic]($checkbox)" value="0" type="hidden">
</label>
</div>
<p class="formHint">Display this item on the website</p>
<div class="controls">
<label for="Signpost-isFeatured">Feature
<input checked="checked" id="Signpost-isFeatured" name="Signpost[isFeatured]" value="1" type="checkbox">
<input id="Signpost-isFeatured-checkbox" name="Signpost[isFeatured]($checkbox)" value="0" type="hidden">
</label>
</div>
<p class="formHint">Feature this item on the website</p>
<div class="control-group">
<label class="control-label" for="Published">Published</label>
<div class="controls">
<select class="span1" id="Signpost-publishedAt-month" name="Signpost[publishedAt]($month)">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option selected="selected" value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<select class="span1" id="Signpost-publishedAt-day" name="Signpost[publishedAt]($day)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option selected="selected" value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select class="span1" id="Signpost-publishedAt-year" name="Signpost[publishedAt]($year)">
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option selected="selected" value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
</select>
</div>
</div>
<p class="formHint">Date this item - used for sorting</p>
<div class="control-group">
<label class="control-label" for="Signpost-link">Link URL</label>
<div class="controls">
<input class="span4" id="Signpost-link" maxlength="500" name="Signpost[link]" value="/news/201111-news-stemcell" type="text">
</div>
</div>
<p class="formHint">Main URL to post to</p>
<div class="control-group">
<label class="control-label" for="Signpost-linkTitle">Link Text</label>
<div class="controls">
<input class="span2" id="Signpost-linkTitle" maxlength="255" name="Signpost[linkTitle]" value="View Article" type="text">
</div>
</div>
<p class="formHint">The text in the button, i.e View Video</p>
<div class="control-group">
<label class="control-label" for="Signpost-image">Image</label>
<div class="controls">
<input class="span4" id="Signpost-image" maxlength="255" name="Signpost[image]" value="/images/signposts/StemCellCulture.jpg" type="text">
<input class="browseButton" value="Browse Server" onClick="BrowseServer();" type="button">
</div>
</div>
<p class="formHint">The main image</p>
<div class="control-group">
<label class="control-label" for="Signpost-categoryid">Category</label>
<div class="controls">
<select class="multiple" id="Signpost-categoryid" name="Signpost[categoryid]">
<option value=""></option>
<option value="16">Across Themes</option>
<option value="2">Energy &amp; Environment</option>
<option value="5">Ethics &amp; Governance</option>
<option selected="selected" value="1">Health &amp; Medicine</option>
<option value="3">Technology &amp; Society </option>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="Signpost-description">Description</label>
<div class="controls">
<textarea style="visibility: hidden; display: none;" class="ckeditor" id="Signpost-description" name="Signpost[description]">&lt;p&gt;
A new stem cell technique lays promising pathways for a successful cancer treatment.&lt;/p&gt;
</textarea>
<!--- SNIP!! CKEDITOR iframed stuff --->
</div>
</div>
</fieldset>
<div class="form-actions">
<input class="btn" value="Save changes" type="submit">
</div>
</form>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment