Copied to clipboard

Flag this post as spam?

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


  • Paul McCarthy 39 posts 160 karma points
    Apr 13, 2023 @ 10:47
    Paul McCarthy
    0

    Layout problems with Nested Content

    I've found that whenever we have elements nested in other elements in Umbraco the default is that each level down is indented so that by the time you get to the rich text editor or whatever content field you're using the window is so narrow it's unusable

    enter image description here

    The example shown is a nested content partial that allows you to add rows and columns as needed. As you can see, not a great editor experience.

    This isn't a problem isolated to nested content as a doctype. I see it fairly frequently when items are nested inside others

    Before I begin looking at doing some custom backoffice stylesheets, has anyone ever tackled this and found a simpler way of doing it?

  • Huw Reddick 1929 posts 6697 karma points MVP 2x c-trib
    Apr 13, 2023 @ 12:23
    Huw Reddick
    100

    try setting the label to be above the controls

    enter image description here

  • Paul McCarthy 39 posts 160 karma points
    Apr 13, 2023 @ 12:41
    Paul McCarthy
    0

    Thanks so much Huw. I am going to have to do this in a lot of doctypes due to the heavy use of nesting, but you've saved us a lot of headaches. Cheers!

  • Huw Reddick 1929 posts 6697 karma points MVP 2x c-trib
    Apr 13, 2023 @ 12:42
    Huw Reddick
    0

    No problem, I had the same issue myself :)

  • Paul McCarthy 39 posts 160 karma points
    Apr 13, 2023 @ 12:47
    Paul McCarthy
    0

    Because I'm an impatient man I had a look into doing this via CSS anyway and something like this would do it in an app plugin:

     .umb-property .umb-el-wrap .controls {
    
    margin-left: 0px !important; }
    

    However I haven't tested the consequences of doing it globally yet.

Please Sign in or register to post replies

Write your reply to:

Draft