Edit Group - Multiple Values Template | Axero Documentation

This template is for a Field Group that permits multiple values.

<div class="axero-group-field-multiple ax-form-field {{CustomCSSClass}} {{#if HideContainerBorder}}axero-widget-no-border{{/if}}"{{#if WidgetStub}} id="section-{{WidgetStub}}"{{/if}} pb-field data-fieldid="{{Contents.FieldUseID}}">
    <div class="axero-widget-header">
        <button class="btn btn-small pb-plus-one hide" type="button" data-fieldid="{{Contents.FieldUseID}}" @click="addNewValue({{Contents.FieldUseID}})">+1</button>
        {{{Contents.FieldHelpHTML}}}
        {{#if ShowWidgetHeader}}<label>{{{WidgetTitle}}}</label>{{#if Contents.Field.NumRequired}}&nbsp;<span class="loud red">*</span>{{/if}}{{/if}}{{#if Contents.ValidationMessage}}&nbsp;{{{Contents.ValidationMessage}}}{{/if}}
        <div class="axero-group-field-list">
            <template x-for="groupField in getFieldValues({{Contents.FieldUseID}})" :key="groupField.DataID">
                <div x-show="getFieldValues({{Contents.FieldUseID}}).length > 1"
                     :class="{ 'active': groupField.ActiveSet }"
                     @click="editFieldGroup({{Contents.FieldUseID}}, groupField.DataID)">
                    <i @click.stop="removeValue({{Contents.FieldUseID}}, groupField.DataID)" class="icon-remove-sign"></i>
                    <span x-text="groupField.FieldValue || '{{Resources.NoSummaryAvailableText}}'"></span>
                </div>
            </template>
        </div>
    </div>
    <template x-for="groupField in getFieldValues({{Contents.FieldUseID}})" :key="groupField.DataID">
        <div class="axero-group-field-child-fields" x-show="groupField.ActiveSet">
            <i x-show="getFieldValues({{Contents.FieldUseID}}).length > 1" 
               @click="editFieldGroup({{Contents.FieldUseID}})" 
               class="icon-chevron-up collapse-field-group"></i>
            {{{Contents.ChildWidgetHTML}}}
        </div>
    </template>
    {{#if ShowWidgetFooter}}
    <div class="axero-widget-footer">
        {{{FooterHTML}}}
    </div>
    {{/if}}
</div>

Related pages

• Field Group (the field group this template is for)
• Section Templates (User Profiles) (the other section templates)