Hide SplitterPane for Mobile

1 Answer 20 Views
Splitter
Roberto
Top achievements
Rank 1
Roberto asked on 22 Feb 2022, 09:36 PM

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

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 22 Feb 2022, 10:02 PM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Splitter
Asked by
Roberto
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or