panel icon indicating copy to clipboard operation
panel copied to clipboard

Fast templates without a header

Open MarcSkovMadsen opened this issue 2 years ago • 2 comments

I'm trying to enable using Panel with lightning.ai here https://github.com/holoviz/panel/issues/3643.

image

As you can see the lightning already wraps the app in a template so sometimes it does not make sense to use a header.

I can use a bare template but then I don't get all the nice styling for default and dark themes.

image

So my request is to either provide a bare Fast Template without the header or a parameter on the existing Fast templates to disable the header.

MarcSkovMadsen avatar Jun 25 '22 05:06 MarcSkovMadsen

Workaround

For now a workaround is adding the below raw_css

NO_HEADER_RAW_CSS = """
nav#header {display: None}
"""

Additionally adding the below raw_css will maximize the first panel

MAXIMIZE_FIRST_PANEL = """
.bk-root { height: calc( 100vh - 50px ) !important; }
"""

image

MarcSkovMadsen avatar Jun 25 '22 05:06 MarcSkovMadsen

So my request is to either provide a bare Fast Template without the header or a parameter on the existing Fast templates to disable the header.

My vote is for a parameter to toggle the header on/off.

philippjfr avatar Jun 27 '22 09:06 philippjfr

Just found this as I have buttons in my header and when I resize nothing is happening, the buttons get hidden. Hiding the header when there is not enough space would at least be visually better. A better solution would be to collapse the header into a hamburger.

tupui avatar Oct 25 '23 00:10 tupui