✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
🧬 Learn how to build RNA-Seq data apps with Python & Dash. Register for the May 20 Webinar!

Remove/Hide Sidebar on Login Page

I currently use a sidebar in my app, which I want to hide on the login page so that the login page is full screen. After the user logs in successfully would the sidebar appear and able to navigate to various pages show on the sidebar.

Is this a possibility?

Hi @riskfree

Put the sidebar into a html.Div and change the style property of the Div:

Style={‘display’:’none’}

Thanks @Eduardo, but how do I make it show back again when the user is logged in? The opposite of ‘display: none’?

Change it to any other display option:
https://www.w3schools.com/cssref/pr_class_display.asp

1 Like