I have an autoForm
but I need to break it up into separate parts visually. The afFieldArray
at the bottom of my code cannot stand just on its own - it needs to be wrapped inside of {{#autoForm}}
, but doing so would screw up my page layout. I want them all to use the same schema and to be submitted and validated all as a single form's contents.
{{#autoForm validation="keyup" schema=orderFormSchema id="order-submission-form" type="insert"}}
<div class="col-md-12">
{{> afQuickField name="propertyInfo.sqft" class="form-control"}}
</div>
<div class="col-md-12">
{{> afQuickField name="propertyInfo.zipcode" class="form-control"}}
</div>
{{/autoForm}}
/** Lots of other HTML junk that prevents this afFieldArray from
being nested inside of the autoForm helpers**/
{{> afArrayField template="bootstrap3_custom" name="discountsApplied" class="form-control"}}
Any ideas how this could be accomplished?