JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Lock\disable a docking LayoutPanel from being resized

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #102368
    admin
    Keymaster

    Hello, I would like to set a docking LayoutPanel to be a specific size and then lock/disable it from being resized. Here is what I’ve tried so far:
    `docking.layout = [
    {
    type: ‘LayoutGroup’,
    orientation: ‘horizontal’,
    items: [
    // Header
    {
    label: ‘Header’,
    size: 100,
    min: 100,
    max: 100,
    locked: true,
    tabPosition: ‘hidden’,
    items: [{
    label: ‘Header’,
    content: ‘Header Content’,
    }]
    },
    // Main content
    {
    type: ‘LayoutGroup’,
    orientation: ‘vertical’,
    items: [
    {
    label: ‘Main’,
    size: ‘50%’,
    items: [{
    label: ‘Main’,
    content: ‘Main Content’
    }]
    },
    ]
    },
    ]
    }];`
    However, I’m still able to resize the Header vertically using the Splitter. The code does not appear to be honoring the min, max, and locked field values. How can I lock down the Header so that it cannot be resized vertically using the Splitter?

Viewing 1 post (of 1 total)
  • You must be logged in to reply to this topic.