JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Docking Layout › Vertical adaptability

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 21, 2023 at 1:49 pm #104598
    Oleg Ilin
    Participant

    Dear friends,
    Could you tell me please is it possible to make vertical adaptability (e.g flex)?
    I would like the main window with the bottom buttons of the panels to fit adaptively on a whole screen on different devices.
    Horizontal adaptability works great.
    Thank you.

    https://disk.yandex.ru/i/Jf4QfH4rPfh-Mg

    Best Regards,

    Oleg I

     

    • This topic was modified 1 year, 8 months ago by Oleg Ilin.
    March 22, 2023 at 4:54 am #104601
    svetoslav_borislavov
    Participant

    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/

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.