Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User steffenk's Avatar
    Join Date
    Jul 2007
    Location
    Haan, Germany
    Posts
    2,664
    Vote Rating
    7
    steffenk has a spectacular aura about steffenk has a spectacular aura about steffenk has a spectacular aura about

      0  

    Default [OPEN-1271] Collapsed layout doesn't differ between vertical and horizontal

    [OPEN-1271] Collapsed layout doesn't differ between vertical and horizontal


    when having splitbars, you can differ between vertical and horizontal because they have the css-classes:
    Code:
    x-splitbar-h or x-splitbar-v
    In collapsed mode you can't differ, eg in my case i only have
    Code:
    x-layout-collapsed x-layout-collapsed-south x-layout-cmini-south
    So i have no way to format them different (vertical and horizontal). Should have classes
    Code:
    x-layout-collapsed-h and x-layout-collapsed-v
    vg Steffen
    --------------------------------------
    Release Manager of TYPO3 4.5

  2. #2
    Sencha User steffenk's Avatar
    Join Date
    Jul 2007
    Location
    Haan, Germany
    Posts
    2,664
    Vote Rating
    7
    steffenk has a spectacular aura about steffenk has a spectacular aura about steffenk has a spectacular aura about

      0  

    Default


    this override does the job

    Code:
    Ext.layout.BorderLayout.Region.prototype.getCollapsedEl = function(){
        if(!this.collapsedEl){
            var splitCls = '';
            if(this.split) {
                splitCls = ' x-layout-collapsed-' + (this.position == 'north' || this.position == 'south' ? 'h' : 'v');
            }
            if(!this.toolTemplate){
                var tt = new Ext.Template(
                     '<div class="x-tool x-tool-{id}">&#160;</div>'
                );
                tt.disableFormats = true;
                tt.compile();
                Ext.layout.BorderLayout.Region.prototype.toolTemplate = tt;
            }
            this.collapsedEl = this.targetEl.createChild({
                cls: "x-layout-collapsed x-layout-collapsed-"+this.position+splitCls,
                id: this.panel.id + '-xcollapsed'
            });
            this.collapsedEl.enableDisplayMode('block');
    
            if(this.collapseMode == 'mini'){
                this.collapsedEl.addClass('x-layout-cmini-'+this.position);
                this.miniCollapsedEl = this.collapsedEl.createChild({
                    cls: "x-layout-mini x-layout-mini-"+this.position, html: "&#160;"
                });
                this.miniCollapsedEl.addClassOnOver('x-layout-mini-over');
                this.collapsedEl.addClassOnOver("x-layout-collapsed-over");
                this.collapsedEl.on('click', this.onExpandClick, this, {stopEvent:true});
            }else {
                if(this.collapsible !== false && !this.hideCollapseTool) {
                    var t = this.toolTemplate.append(
                            this.collapsedEl.dom,
                            {id:'expand-'+this.position}, true);
                    t.addClassOnOver('x-tool-expand-'+this.position+'-over');
                    t.on('click', this.onExpandClick, this, {stopEvent:true});
                }
                if(this.floatable !== false || this.titleCollapse){
                   this.collapsedEl.addClassOnOver("x-layout-collapsed-over");
                   this.collapsedEl.on("click", this[this.floatable ? 'collapseClick' : 'onExpandClick'], this);
                }
            }
        }
        return this.collapsedEl;
    };
    vg Steffen
    --------------------------------------
    Release Manager of TYPO3 4.5

  3. #3
    Sencha User tobiu's Avatar
    Join Date
    May 2007
    Location
    Munich (Germany)
    Posts
    2,680
    Vote Rating
    112
    tobiu is a name known to all tobiu is a name known to all tobiu is a name known to all tobiu is a name known to all tobiu is a name known to all tobiu is a name known to all

      0  

    Default


    hi steffen,

    good job as usual.
    +1 to add this to the framework.

    kind regards
    tobias
    Best regards
    Tobias Uhlig
    __________

    S-CIRCLES Social Network Engine

Similar Threads

  1. Radiobox/group layout horizontal and vertical
    By stiptkevin in forum Ext GWT: Discussion
    Replies: 6
    Last Post: 15 Nov 2010, 7:05 AM
  2. Border Layout Region collapsed display text vertical
    By boonkerz in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 28 Apr 2010, 8:49 AM
  3. Replies: 1
    Last Post: 8 Jan 2010, 2:46 AM
  4. Replies: 3
    Last Post: 5 Aug 2008, 9:23 PM
  5. Replies: 1
    Last Post: 16 Aug 2007, 8:29 AM

Thread Participants: 1