starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

RadzenSplitter doesn't change orientation #381

New Issue
Closed
opened 2026-01-29 17:36:22 +00:00 by claunia · 1 comment
claunia commented 2026-01-29 17:36:22 +00:00
Owner
Copy Link

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)
claunia commented 2026-01-29 17:36:23 +00:00
Author
Owner
Copy Link

@karuzzo commented on GitHub (Apr 18, 2022):

I changed the values ​​of the splitters to the opposite and the code worked correctly, it seems that there is no error, but the situation developed due to my misunderstanding

@karuzzo commented on GitHub (Apr 18, 2022): I changed the values ​​of the splitters to the opposite and the code worked correctly, it seems that there is no error, but the situation developed due to my misunderstanding
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#381
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?