Results 1 to 5 of 5

Thread: Collapse/Expand Tab Bar with a button on it

  1. #1
    Sencha User
    Join Date
    Dec 2015
    Posts
    4
    Vote Rating
    0
      0  

    Default Answered: Collapse/Expand Tab Bar with a button on it

    Hi All, I am new Bee to ExtJs, currently i am using Extjs 4.2

    I am facing a problem with Collapse/Expand Tab Bar with a button on it

    When I use Collapsible : true, it shows a panel header at the top of tab bar with collapse/expand tool, which is not I want,I want to collapse/expand the tab bar with a button on it

    Need Suggestion on this

    Please find the code in fiddle

    https://fiddle.sencha.com/#fiddle/13ci

  2. You could do something like this:

    https://fiddle.sencha.com/#fiddle/13d2

  3. #2
    Sencha User jdkhamba's Avatar
    Join Date
    Jul 2012
    Posts
    236
    Answers
    45
    Vote Rating
    24
      0  

    Default

    You could do something like this:

    https://fiddle.sencha.com/#fiddle/13d2

  4. #3
    Sencha User
    Join Date
    Dec 2015
    Posts
    4
    Vote Rating
    0
      0  

    Default Need some more help (Worried)

    Thanks for the Reply ,

    Can I place the same button with same functionality that you have mentioned in your code be floating on the right corner of the tab panel .

    For example : Tab1 | Tab2 | Space until the end of the tab | Button

    So that when I click on the button tab panel will collapse/expand but the button will remain same?

  5. #4
    Sencha User jdkhamba's Avatar
    Join Date
    Jul 2012
    Posts
    236
    Answers
    45
    Vote Rating
    24
      0  

    Default

    Tha could be a little tricky since in order for that to happen, the button cannot be a part of the tabpanel. You have to have a button as a floating component by setting floating:true and making sure it appears at the right place using setXY()


    http://docs.sencha.com/extjs/4.2.0/#...t-method-setXY


    You could also have the viewport have hbox layout. I have modified my fiddle:

    https://fiddle.sencha.com/#fiddle/13d2

  6. #5
    Sencha User
    Join Date
    Dec 2015
    Posts
    4
    Vote Rating
    0
      0  

    Default

    Hi Thanks a lot I have resolved this in a simpler manner not sure whether this is a good approach or not ?

    solved example is here

    https://fiddle.sencha.com/#fiddle/13ci

Similar Threads

  1. How to collapse/expand a tab panel with a button on the
    By Bhanu katraparthi in forum Ext: Q&A
    Replies: 1
    Last Post: 6 Jan 2016, 10:31 AM
  2. [INFOREQ] Project Inspector - Collapse/Expand button
    By lorezyra in forum Sencha Architect 2.x: Bugs
    Replies: 5
    Last Post: 22 Apr 2013, 9:53 AM
  3. not to show tabpanel's expand/collapse button
    By proofmoore in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 30 Mar 2011, 3:07 AM
  4. Panels' expand button missing after collapse
    By [Daniel] in forum Ext 3.x: Help & Discussion
    Replies: 11
    Last Post: 6 Sep 2010, 12:41 AM
  5. Collapse / expand button disappeared.
    By Active2 in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 3 Dec 2009, 3:53 AM

Posting Permissions

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