RadzenSplitterPane - Size are not updated when value changed

Radzen.Blazor Components
1

Hi,

I think that the RadzenSplitterPane has an issue with the Size property : When you update it, the Size not changed in this case :

        <RadzenSplitter Resize=@OnResize>
            <RadzenSplitterPane Size="@Size" Min="@Min">
                Pane A1
                <div style="font-size: 10px;">
                    Min 30px
                </div>
            </RadzenSplitterPane>
            <RadzenSplitterPane >
                Pane A2
            </RadzenSplitterPane>
        </RadzenSplitter>
        <hr/>
        <RadzenSplitter Resize=@OnResize>
            <RadzenSplitterPane Size="@Size" Min="@Min">
                Pane A3
                <div style="font-size: 10px;">
                    Min 30px
                </div>
            </RadzenSplitterPane>
            <RadzenSplitterPane >
                Pane A4
            </RadzenSplitterPane>
        </RadzenSplitter>


<EventConsole @ref=@console/>

@code {
    private RadzenSplitter _splitter;
    private RadzenSplitterPane _pane;

    public string? Size { get; set; }
    public string? Min { get; set; }

    protected override void OnInitialized()
    {
        Min = "30px";
        Size = Min;
        base.OnInitialized();
    }


    EventConsole console;

    void OnResize(RadzenSplitterResizeEventArgs args)
    {
        console.Log($"Pane {args.PaneIndex} Resize (New size {args.NewSize})");
        Size = args.NewSize.ToString(System.Globalization.CultureInfo.InvariantCulture) + "%";
    }
}

Example of usage :
radzensplitterpane_bug

If you have any ideas to fix that, I'll appreciate.
Thanks,

2

To support such scenario Size property should support two-way binding (@bind-Size="@Size") which is not the case at the moment.

3

Hi, Thanks for the information.

Do you think that can be support in an future update (or not) ?
That should be great if we need to create 2 areas with synchronized splitter.

4

The problem turned out to be different:

The fix will be part of our next update early next week.

1 Like