caplin / FlexLayout

Docking Layout Manager for React
MIT License
919 stars 173 forks source link

Is it possible to specify someone panel to take the "remaining space"? #351

Open chris1299 opened 1 year ago

chris1299 commented 1 year ago

Describe the bug

see the Screenshots

var json = {
        global: {tabEnableClose:false},
        layout: {
            "type": "row",
            "weight": 100,
            "children": [
                {
                    "type": "tabset",
                    "width": 500,
                    "selected": 0,
                    "children": [
                        {
                            "type": "tab",
                            "name": "One",
                            "component": "text"
                        }
                    ]
                },
                {
                    "type": "tabset",
                    "weight": 25,
                    "selected": 0,
                    "children": [
                        {
                            "type": "tab",
                            "name": "Two",
                            "component": "text"
                        }
                    ]
                },
                   {
                    "type": "tabset",
                    "weight": 25,
                    "selected": 0,
                    "children": [
                        {
                            "type": "tab",
                            "name": "Three",
                            "component": "text"
                        }
                    ]
                }
            ]
        }
    };

question: Is it possible to specify the Panel two take the "remaining space"?

Your Example Website or App

https://jsfiddle.net/chris1299/qjzxrs7p/16/

Steps to Reproduce the Bug or Issue

  1. go the link above
  2. move the Panel three to the bottom of panel one

Expected behavior

I expected to keep the original width of Panel one and the Panel two take the "remaining space" after moving the Panel Three

Operating System

Windows

Browser Type?

Chrome

Browser Version

Latest

Screenshots or Videos

before moveNode image after moveNode image

Additional context

No response