I'm building a custom section with lots of custom form fields and multiple navigation tabs. I'm using umb-editor-view as in example below with sub views for the forms all saved with a single umb-button just like the standard umbraco content interface.

The umbraco backend docs are somewhat lacking in detail which is making developing my first custom section slow work.

Does anyone know of any good examples or tutorials (or a specific umbraco backend controller) that show how to hook up validation for input boxes, umb-buttons and umb-editor-navigation-item so that I can use the best practices for umbraco backend development rather than rolling my own solution?

<form name="editBookForm" val-form-manager novalidate>

    <umb-editor-view>

        <umb-editor-header name="vm.content.name"
                           navigation="vm.content.navigation"
                           name-locked="true"
                           hide-alias="true"
                           hide-description="true"
                           on-select-navigation-item="appChanged(item)"
                           hide-icon="true">
        </umb-editor-header>

        <umb-editor-container style="height: 100%;">
            <umb-editor-sub-views sub-views="vm.content.navigation"
                                  model="vm.content">
            </umb-editor-sub-views>
        </umb-editor-container>

        <umb-editor-footer>

            <umb-editor-footer-content-left>

            </umb-editor-footer-content-left>

            <umb-editor-footer-content-right>
                <umb-button 
                            ng-if="vm.showSaveButton"
                            action="vm.clickButton()"
                            type="button"
                            button-style="success"
                            state="vm.buttonState"
                            shortcut="ctrl+c"
                            label="Save changes"
                            disabled="vm.buttonState === 'busy'">
                </umb-button>
            </umb-editor-footer-content-right>


        </umb-editor-footer>

    </umb-editor-view>

</form>