Results 1 to 5 of 5

Thread: Panel : titleCollapse and headerPosition conflict

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Dec 2013
    Location
    India
    Posts
    18

    Default Panel : titleCollapse and headerPosition conflict

    Bug:
    when titleCollapse and headerPosition used together. The titleCollapse can't expand the panel after collapsed as shown below.

    Code:

    var filterPanel = Ext.create('Ext.panel.Panel', {

    bodyPadding: 5, // Don't want content to crunch against the borders
    width: 300,
    height : 200,
    title: 'Filters',
    titleCollapse : true,
    collapsible : true,
    collapseDirection : 'top',
    hideCollapseTool : true,
    headerPosition : 'right',
    renderTo: Ext.getBody()
    });


    screenshot:
    bug_title_1.pngbug_title_2.png

  2. #2
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    I think the conflict is with the collapseDirection being set to 'top' when the headerPosition is set to 'right'. Your code without the collapseDirection works as expected in this fiddle:
    https://fiddle.sencha.com/#fiddle/1ug

  3. #3
    Sencha User
    Join Date
    Dec 2013
    Location
    India
    Posts
    18

    Default

    Thanks for your reply ....If collapseDirection is wrong ,the panel should not collapse at first.but it collapse to "top" properly.The problem is that "panel collapses but not expanding".

    Note:
    collapseDirection :"right" and "bottom" is not working.
    when we specify "right" it moves to "left" and "bottom" it moves to "top"

    Same example with collapse tool is given below. It works fine when we use collapse Tool but not working with titleCollapse:
    Code:
    var filterPanel = Ext.create('Ext.panel.Panel', {    bodyPadding: 5, 
        width: 300,
        height: 200,
        title: 'Filters',
        titleCollapse: true,
        collapsible: true,
        collapseDirection: 'top',
        //hideCollapseTool: true,
        headerPosition: 'right',
        renderTo: Ext.getBody()
    });

  4. #4
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985

    Default

    I believe that it's an issue of the absolute position of the panel changing once it's collapsed. When placed in a container with fixed dimensions, the collapseDirection works as expected:
    https://fiddle.sencha.com/#fiddle/1vv

  5. #5
    Sencha User
    Join Date
    Dec 2013
    Location
    India
    Posts
    18

    Default

    Thanks...
    What about titlecollapse..Is that a issue or any modification we have to make..Actually the titleCollapse working so good with collapse tool ,but not working with Title Collapse.

Tags for this Thread

Posting Permissions

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