Eto UI Panel Layout

Rhino Developer
, ,
1

Hi (@curtisw, @dale maybe),

what would be the best approach to setup a panel with two Eto.Forms.Splitter as shown in the image with percentages instead of fixed units? I can not find any example or code.

14-12-2023_16-43-56
14-12-2023_16-43-56847Ɨ780 41.6 KB

Currently I am using the following code:

this.Splitter = new Splitter
{
    Panel1 = this.CategoryGroupBox,
    Panel2 = this.PropertyTypeGroupBox,
    FixedPanel = SplitterFixedPanel.Panel2,
    Orientation = Orientation.Horizontal,
    Panel1MinimumSize = 100,
    Panel2MinimumSize = 250,
    SplitterWidth = 3,
    RelativePosition = 0.5,
};

But I dont want to work with FixedPanel or minimum sizes.

Kindest
Christian

1 Like
2

Iā€™m not quite sure what that means. Using SplitterFixedPanel.None should keep both panels at the same percentage sizes as it is resized.

3

Well what would be nice are the percentages as shown in the image. What I get is the Panel1 with a size of 100 and Panel2 with the rest.

Behaviour at startup:

14-12-2023_17-42-31
14-12-2023_17-42-31848Ɨ781 11.4 KB

Wanted:

14-12-2023_16-43-56
14-12-2023_16-43-56847Ɨ780 41.6 KB

This is the adjusted code:

this._splitter = new Splitter
{
    Panel1 = categoryLayout,
    Panel2 = propertyGroupBox,
    FixedPanel = SplitterFixedPanel.None,
    Orientation = Orientation.Vertical,
    Panel1MinimumSize = 100,
    Panel2MinimumSize = 100,
    SplitterWidth = 3,
    RelativePosition = 0.5,
};