custom section design in umbraco 8

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

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

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 2310 posts 14695 karma points MVP 7x c-trib

Aug 07, 2019 @ 11:48

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

is working on a reply...

Please Sign in or register to post replies