JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Docking Layout › Vertical adaptability › Reply To: Vertical adaptability
Hi,
You may configure this with CSS.
In the example below the docking layout will fit inside the element and you can size this wrapper as you want
For example:
<div>
<div><div id=”dock-wrapper”></div>
<div> <smart-docking-layout></smart-docking-layout></div>
<div></div></div>
<div></div>
</div>
<div>
<div>
<div>#dock-wrapper {</div>
<div> height: 80%;</div>
<div> overflow: hidden;</div>
<div>}</div>
<div>smart-docking-layout {</div>
<div> width: 100%;</div>
<div> height: 100%;</div>
<div>}</div>
</div>
</div>
Best Regards,
Svetoslav Borislavov
Smart UI Team
https://www.htmlelements.com/