RadzenSplitter doesn't change orientation #378

Open
opened 2026-01-29 17:36:19 +00:00 by claunia · 0 comments
Owner

Originally created by @karuzzo on GitHub (Apr 18, 2022).

RadzenSplitter does not change orientation if set to horizontal

    <RadzenSplitter Orientation="Radzen.Orientation.Vertical" Collapse=@OnCollapse Expand=@OnExpand>
        <RadzenSplitterPane Size="100px">
            <RadzenSplitter Collapse=@OnCollapse Expand=@OnExpand>

                <RadzenSplitterPane Size="20%" Min="15%" Max="100%">
                    <RadzenSplitter Orientation="Radzen.Orientation.Horizontal" Collapse=@OnCollapse Expand=@OnExpand>
                        <RadzenSplitterPane Size="50%" Min="0%" Max="100%">
                            Pane A1
                            <div style="font-size: 10px;">
                                50% Min 0% Max 100%
                            </div>
                        </RadzenSplitterPane>
                        <RadzenSplitterPane>
                            Pane A2
                            <div style="font-size: 10px;">
                                50% Min 0% Max 100%
                            </div>
                        </RadzenSplitterPane>
                    </RadzenSplitter>
                </RadzenSplitterPane>

                <RadzenSplitterPane Size="60%" Min="45%" Max="100%" Collapsible="false">
                    Pane B1
                    <div style="font-size: 10px;">
                        60% Min 45% Max 100%
                    </div>
                </RadzenSplitterPane>

                <RadzenSplitterPane Size="20%" Min="15%" Max="100%">
                    Pane C1
                    <div style="font-size: 10px;">
                        20% Min 15% Max 100%
                    </div>
                </RadzenSplitterPane>

            </RadzenSplitter>
        </RadzenSplitterPane>
    </RadzenSplitter>

I guess this code should display sections A1 and A2 with a horizontal splitter however the splitter is vertical
image

Originally created by @karuzzo on GitHub (Apr 18, 2022). RadzenSplitter does not change orientation if set to horizontal ``` <RadzenSplitter Orientation="Radzen.Orientation.Vertical" Collapse=@OnCollapse Expand=@OnExpand> <RadzenSplitterPane Size="100px"> <RadzenSplitter Collapse=@OnCollapse Expand=@OnExpand> <RadzenSplitterPane Size="20%" Min="15%" Max="100%"> <RadzenSplitter Orientation="Radzen.Orientation.Horizontal" Collapse=@OnCollapse Expand=@OnExpand> <RadzenSplitterPane Size="50%" Min="0%" Max="100%"> Pane A1 <div style="font-size: 10px;"> 50% Min 0% Max 100% </div> </RadzenSplitterPane> <RadzenSplitterPane> Pane A2 <div style="font-size: 10px;"> 50% Min 0% Max 100% </div> </RadzenSplitterPane> </RadzenSplitter> </RadzenSplitterPane> <RadzenSplitterPane Size="60%" Min="45%" Max="100%" Collapsible="false"> Pane B1 <div style="font-size: 10px;"> 60% Min 45% Max 100% </div> </RadzenSplitterPane> <RadzenSplitterPane Size="20%" Min="15%" Max="100%"> Pane C1 <div style="font-size: 10px;"> 20% Min 15% Max 100% </div> </RadzenSplitterPane> </RadzenSplitter> </RadzenSplitterPane> </RadzenSplitter> ``` I guess this code should display sections A1 and A2 with a horizontal splitter however the splitter is vertical ![image](https://user-images.githubusercontent.com/18124355/163867481-fbcce26b-ff30-43bb-8569-4020ae9de1df.png)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#378