Hide SplitterPane for Mobile

[Roberto]

Hi,

I need to make a responsive layout with a splitter.

If I remove a SplitterPane with Telerik MediaQuery it renders in a different order, same as this question:

https://feedback.telerik.com/blazor/1509284-splitter-order-changed-after-hiding-and-showing-pane?_ga=2.220935836.529993596.1645460989-111903490.1447636048

I cannot recreate the whole layout, because one div will use leafletjs. I'm not using Telerik map because it lacks many features I need.

 

Example code:

https://blazorrepl.telerik.com/ccuQmwQF26uBicm739

 

For me the best solution would be to have something by Telerik like: https://golden-layout.com/ or https://www.htmlelements.com/blazor/blazor-ui/demos/blazor-dockinglayout?id=basic

[Marin Bratanov]

Hello Roberto,

I do believe you have already found this page, but you can Follow the capability to retain the panes order when hiding them here: https://feedback.telerik.com/blazor/1509284-splitter-order-changed-after-hiding-and-showing-pane.

You may also find interesting the TileLayout component that may be also suitable, depending on your end goal: https://demos.telerik.com/blazor-ui/tilelayout/overview.

Regards,
Marin Bratanov
Progress Telerik