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.
Additional information: for charts i ise Altair and for thematic map bokeh
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.
A responsive layout called FlexBox is coming in the next release. Sneak peak here Flexbox — Panel 0.12.0a11 documentation