question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Make "wide mode" sticky

See original GitHub issue

Today you can put Streamlit in “wide mode” via the Settings dialog in the UI. However, it would be great if the wide mode setting were sticky.

Option 1: just make Wide Mode sticky by persisting it in local storage!

Option 2: Provide a config option that toggles wide mode:

[browser]
wideMode = True

(for this we’d have to replicate much of the code used to propagate settings like browser.gatherUsageStats to the browser)


Right now I favor Option 1 because it’s so much simpler – and we’ll probably be rethinking wide mode anyway, as soon as we add support for horizontal layout (Issue #241) . This is because at that point we may want to shift control over the app’s width onto the developer, rather than having it as a viewer setting.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:37
  • Comments:21 (6 by maintainers)

github_iconTop GitHub Comments

23reactions
RNogales94commented, Oct 18, 2019

Option two it’s better in my view. this way we could just add this line to our application:

st.set_option('wideMode' , True)

19reactions
akrolsmircommented, Jul 22, 2020

We’ve settled on a slightly different proposal to achieve the same goals:

st.set_page_config(  # Alternate names: setup_page, page, layout
	layout="centered",  # Can be "centered" or "wide". In the future also "dashboard", etc.
	initial_sidebar_state="auto",  # Can be "auto", "expanded", "collapsed"
	page_title=None,  # String or None. Strings get appended with "• Streamlit". 
	page_icon=None,  # String, anything supported by st.image, or None.
)

I’d expect us to get to this relatively soon now that the product spec is finished! Removing “good first issue” because this will likely be handled by a Streamlit core member

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Get Sticky and Full-Bleed Elements to Play Well ...
There are two main challenges here: Make full-bleed elements that don't interfere with the sticky element; Avoid duplicating the HTML. Before we ...
Read more >
Sticky Mode, your screen will always be playing! - AdCentral
How do you use Sticky Mode? Once you're in the AdCentral TV app, you'll go into the settings and select the Sticky Mode...
Read more >
Create Sticky Headers, Dynamic Floating Elements And More!
This allows you to create sticky headers, menus and buttons and to keep other important information in view as you scroll, such as...
Read more >
STICKY: HOWTO: Create Custom HDMI modes
STICKY : HOWTO: Create Custom HDMI modes ... This creates a virtual very-wide screen, which is split to multiple screens.
Read more >
How to Create a Shrinking Sticky Header With Elementor
Learn how to create a sticky header in WordPress using Elementor. ... First off, the header won't shrink if its content is too...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found