HTML Elements Forums Docking Layout smart-docking-layout 100% height

This topic contains 1 reply, has 2 voices, and was last updated by Avatar Hristofor 3 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #100995
    Avatar
    peter.jak
    Participant

    Hello
    I’m using smart-docking-layout from an angular app.
    How can I set the smart-docking-layout height to 100%?
    When the user resizes the browser window, I would like the docking layout to adapt its size according to browser size.

    Thanks
    Peter

    #101010
    Avatar
    Hristofor
    Participant

    Hi peter.jak,

    just set the size of the Smart.DockingLayout to 100% via CSS and remember to style the Angular app-root element as well since it doesn’t have any styles by default:

    
    smart-docking-layout {
        height: 100%;
    }
    
    app-root {
        height: 100vh;
        display: block;
    }
    

    Best Regards,
    Christopher

    Smart HTML Elements Team
    https://www.htmlelements.com

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.