Responsive dashboard

My question is related to responsive dashboard. Namely my app http://makstat.stat.gov.mk:1966/TurizamNovDef_en is responsive in width. But in mobile phones as i understand responsivness i expect all charts to be in one column. How to do it in panel or i have to write separate panel code for mobile devices in one column.

Best regard
Goran

1 Like

Additional information: for charts i ise Altair and for thematic map bokeh

1 Like

Hi Göran

There is currently not a layout or grid in panel which is responsive across devices.

There is a feature request for a responsive grid here https://github.com/holoviz/panel/issues/1268.

Please like to give it a higher priority.

What you can do is to use a template and a css/ js library that provides a responsive grid.

There is an example notebook of using the material grid in this PR https://github.com/holoviz/panel/pull/1254. The notebook example is here https://github.com/holoviz/panel/blob/90f28b002fb9e40324597af927694c5d6617882a/examples/gallery/templates/material_template.ipynb

Please like the PR if you think it’s important to add to the gallery of examples.

Please keep us posted to learn how it goes.

1 Like

A responsive layout called FlexBox is coming in the next release. Sneak peak here Flexbox — Panel 0.12.0a11 documentation