smart-docking-layout 100% height

[peter.jak]

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

[Hristofor]

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

[Author]

Posts