I have a multipage app see example below. [image] However, if I want to add information to the sidebar, e.g. with st.sidebar.write("hello sidebar"), then I receive this split sidebar with the scrollbar for the pages part. [image] How can I move the horizontal line so that all entries are reada…

Is this what you are looking for? [image] Updating Object Heights in Sidebar Using Streamlit You can use a CSS selector to modify that minimum area for the list of pages. [image] import streamlit as st if st.sidebar.checkbox("Make room"): st.sidebar.markdown(""" …

Yes, indeed, thank you very much. Closing as duplicate. I am wondering if it would be possible to implement this into streamlit at some point with a function that takes the desired height as input.

You could adjust the value of min-height to something else using an f-string: Short Tall [1] [1] ▶ Code I agree that having a native control for the pages configuration would be ideal, and this would be a good candidate for a feature request .

Set height of sidebar in a multipage app and sidebar components

Using Streamlit

edsaac August 24, 2023, 6:31pm 2

Is this what you are looking for?

Topic		Replies	Views
Updating Object Heights in Sidebar Using Streamlit	2	1175	July 19, 2023
Changing height&width of st.sidebar.multiselect Using Streamlit	3	3391	September 26, 2021
How to modify st.sidebar function? Using Streamlit	7	2019	July 6, 2023
Single Scroll Bar for both Sidebar and the Whole page? Using Streamlit	0	783	October 16, 2020
Change width of sidebar Using Streamlit	7	26596	February 23, 2023

Set height of sidebar in a multipage app and sidebar components

Related topics