Start Page

Preview Start Page

Edit Start Page

Intro Title:

Intro Paragraph:

</div>
                            </div>
            
                            <div class="row question">
                                <div class="col-md-4 col-sm-12">Intro Button:</div>
                                <div class="col-md-8 col-sm-12">
                                    <input type="text"
                                    ng-model="myform.startPage.introButtonText"
                                    name="introButtonText"
                                    value="{{myform.startPage.introButtonText}}" required>
                                </div>
                            </div>

<div class="row options buttons">
                                <div class="col-md-3 col-xs-12">Buttons:</div>
                                <div class="col-md-9 col-xs-12">
                                    <div ng-repeat="button in myform.startPage.buttons track by button._id" class="row" style="padding-bottom:1em;">

<div class="row"><br></div> 
                                    <div class="row">                                   
                                        <button class="btn btn-primary btn-small col-md-offset-6 col-md-6 col-sm-4 col-sm-offset-8 col-xs-4 col-xs-offset-8" type="button" ng-click="addButton()">
                                            <i class="icon-plus icon-white"></i> Add Button
                                        </button>
                                    </div>
                                </div>
                            </div> 
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-10"><hr></div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8 dropzoneContainer">

<accordion-group ng-repeat="field in myform.form_fields track by field._id"
									 is-open="accordion[$index].isOpen"
									 on-finish-render="editFormFields"
									 ng-if="!field.deletePreserved">
                        <accordion-heading>

<span class="col-xs-1" ng-switch="field.fieldType">
                                    <field-icon-directive type-name="{{field.fieldType}}"></field-icon-directive>
                                </span>
                                <span class="col-xs-10">
                                    {{field.title}} 
                                    <span ng-show="field.required">*</span>
                                </span>
                                <span class="pull-right">
                                    <i class="fa fa-chevron-right" ng-hide="accordion[$index].isOpen">
                                    </i>
                                    <i class="fa fa-chevron-down" ng-show="accordion[$index].isOpen">
                                    </i>
                                </span>
                            </div>
                        </accordion-heading>
                        <div class="accordion-edit container">

<div class="row hidden-sm hidden-xs">
                                <div class="col-md-12">
                                    <h4>Preview Field</h4>
                                </div>
                                <ul class="col-md-12 container" style="list-style:none;border:2px lightgray solid;">
                                    <field-directive field="field" validate="false">
                                    </field-directive>
                                </ul>
                                <hr>
                            </div>

<div class="row">
                                <div class="col-xs-12">
                                    <h4>Edit Field</h4>
                                    <br>
                                </div>
                            </div>

<div class="row question">
                                <div class="col-md-4 col-sm-12">Question Title:</div>
                                <div class="col-md-8 col-sm-12">
                                <input type="text" ng-model="field.title" name="title{{field._id}}" value="{{field.title}}" required></div>
                            </div>

<div class="row description" ng-hide="showRatingOptions(field)">
                                <div class="col-md-4 col-sm-12">Description:</div>
                                <div class="col-md-8 col-sm-12"><textarea type="text" ng-model="field.description" name="description{{field._id}}"value="{{field.description}}">

Options:

Number of Steps:

Shape:

Required:

Yes No

Disabled:

Yes No

Click to Add New Field

Add New Field

Add Field

Start Page

Preview Start Page

{{myform.startPage.introTitle}}

Edit Start Page

Click on Fields to add them here