Results 1 to 2 of 2

Thread: "mini" mode in border layout doesn't seem to work

    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-5149 in a recent build.
  1. #1
    Ext JS Premium Member
    Join Date
    Feb 2010
    Location
    Vancouver, BC
    Posts
    224

    Default "mini" mode in border layout doesn't seem to work

    If you click the little arrow in the splitter, it shrinks, but it still shows bar as well as mini splitter bar.
    previous 4.0 used to show only "mini" arrow.

    Code:
    var myBorderPanel = Ext.create("Ext.container.Viewport",
          {
            layout: "border",
            margin:"0 0 0 0",
            defaults:{border:false,header:false,defaults:{border:false}},
            items: [
                {
                id:"centerPanel",
                region: "center",     // center region is required, no width/height specified
                margins: "0 5 0 0",
                layout:"border",
                autoScroll:false,
                items:[]
              },
              {
                    region: "east",
                    id:"east-region",
                    collapsible: true,
                    collapseMode : "mini",
                    split: true,         // enable resizing
                    maxWidth: 500,
                    width: 320,
                    html:"xxx"
    
    
                  }]
          });

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,449

    Default

    Border layout got a lot of attention in the 4.1.0 branch and looks like this was missed.

    One note and I'm sure it was to cut down on the code your put in here but your center region is using a border layout but doesn't have a center region as the items array is empty. Border layout requires a center region but I am assuming you emptied the array to minify the code you posted here.
    Mitchell Simoens @LikelyMitch
    Modus Create, Senior Fullstack Engineer
    ________________
    Modus Create is based on the model of an open source team. We’re a remote, global team of experts in our field. To find out more about the work we do, head over to our website.

    Check out my GitHub:
    https://github.com/mitchellsimoens

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •