hystakop
hystakop7mo ago

Hi, in the sidebar doc example, all the

Hi, in the sidebar doc example, all the components are placed at the top. Is it possible to have a component placed at the bottom and the other at the top of the sidebar ? I've looked into CSS but couldn't find a way to achieve that. Basically, what I would need is a spacer with a responsive height like the one from Panel https://panel.holoviz.org/how_to/layout/spacing.html
5 Replies
Myles Scolnick
Myles Scolnick7mo ago
not currently without hacking some css - i can add some features to vstack to support this
hystakop
hystakopOP7mo ago
would be perfect, thanks !
Myles Scolnick
Myles Scolnick7mo ago
PR has merged - mo.sidebar(items, footer=footer) will be in the next release
hystakop
hystakopOP7mo ago
So this code would work ? mo.vstack( [ mo.hstack([mo.ui.checkbox(), mo.ui.text(), mo.ui.date()]), ],justify='end' ).style({'height':'400px'}) If yes, do you know how to make the height responsive to the window ? I thought about 'height':'100%' but it doesn't work Found 'height':'100vh' working, if there is a cleaner/better way, I'm interested. Thanks again for your reactivity
Myles Scolnick
Myles Scolnick7mo ago
ah yea that works as well (apologies i didnt see this until now)