    <div ng-show="!vm.loading && (!vm.webform.rows || vm.webform.rows.length === 0)">
        {{"There are no created fields." | translate}}
    </div>
    <div ng-show="!vm.loading && vm.webform.rows && vm.webform.rows.length > 0">
        <div ng-show="!vm.submitted">
            <form class="formly"
                  role="form">

                <div ng-repeat="row in vm.webform.rows"
                     class="row"
                     ng-init="rowIndex = $index">
                    <div ng-repeat="column in row.columns"
                         style="min-height: 150px;"
                         class="fieldContainer"
                         ng-class="row.columnSizeClass"
                         ng-init="colIndex = $index; options = vm.getFormOptions(rowIndex, colIndex)">

                        <formly-form fields="column.fields"
                                     result="vm.results"
                                     options="options">
                        </formly-form>
                    </div>
                </div>

                <button style="margin: 0"
                        type="button"
                        class="btn btn-primary"
                        ng-hide="vm.hideSubmit"
                        ng-click="vm.send()">
                    {{options.submitCopy || "Submit" | translate}}
                </button>

            </form>
        </div>
        <div style="color: red" ng-if="vm.missingField && !vm.submitted">
            Please complete all required fields and try again
        </div>
        <div ng-show="vm.submitted">
            {{(vm.webpartProperties.receiptText || "Thank you for your participation!") | translate}}
        </div>

    </div>