Sign in Register
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Rihab 104 posts 388 karma points
    Aug 07, 2019 @ 11:22
    Rihab
    0

    Custom Section Design in Umbraco 8

    Hi All,

    I'm trying to create a custom Section in Umbraco V8 I Already Created the same section in Umbraco 7 and it's fine.

    i did this in Umbraco V8:

     <form name="eventForm" ng-show="loaded" ng-submit="save(Settings)" val-form-manager novalidate>
    <umb-editor-view>
        <umb-editor-container class="form-horizontal">
            <div class="umb-group-panel__content">
                <div ng-repeat="setting in Settings">
                    <b>{{setting.SettingKey}}</b>
                    <umb-control-group lable="{{setting.SettingKey}}" description="{{setting.SettingKey}}">
                        <input type="text" class="umb-editor umb-textstring" ng-model="setting.SettingValue" required />
                    </umb-control-group>
                </div>
            </div>
        </umb-editor-container>
        <umb-editor-footer>
            <umb-editor-footer-content-right>
                <umb-button type="submit"
                            label="Save"
                            label-key="buttons_save"
                            button-style="success"
                            shortcut="ctrl+s"
                            state="page.saveButtonState">
                </umb-button>

            </umb-editor-footer-content-right>
        </umb-editor-footer>
    </umb-editor-view>
</form>

    and I got this :

    enter image description here

    what should I do To Fix the Design??

    Copy Link
  • Kevin Jump 2348 posts 14896 karma points MVP 9x c-trib
    Aug 07, 2019 @ 11:48
    Kevin Jump
    101

    Hi,

    I think its the changes to the umb-editor style that are breaking it for you. I had something similar - now I have 

    <umb-control-group label="Pending Notifications" description="Email addresses to notify">
   <input type="text" class="umb-textstring umb-property-editor" ng-model="model.settings.Notify.Pending" />
</umb-control-group>

    and for completeness, i would replace umb-group-panel__content with <umb-box>

      <umb-box>
      <umb-box-header title='my title' description='box desc'></umb-box-header>
      <umb-box-content>
                <!-- properties in here -->
      </umb-box-content>
  </umb-box>
    Copy Link

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies