1. #1
    Sencha User
    Join Date
    Jan 2012
    Location
    Bethany CT, USA
    Posts
    7
    Vote Rating
    0
    nealbrandi is on a distinguished road

      0  

    Default Custom Tab Panel Theme With Designer 2.0 and Ext JS 4

    I'm building a relatively complex client MVC application with multiple primary pages. The wire frames define an Apple like menu that enables navigation to each primary page in the app and features 2 specialty views: search and user state (login or identity and logout).

    I believe the majority of the navigation behavior is realized in Ext JS 4 as a Tab Panel. My initial thought is to extend Tab Panel to allow specification of my own custom tab bar or tool bar and buttons. I'd need to build custom themes for each part (i.e. x.navigation-button as a sass template). This structure would enable me to override the styles to account for positional variations like border-radius for the first and last components. After reading a lot of documentation and forum postings I have the following questions:
    1. Is my intuition correct, is a Tab Panel extension is the correct approach or should I build totally new component? Or this there a better approach?
    2. For the bar component, which is preferred, a Tool Bar or aTab Bar and why?
    3. Can a custom theme be defined for a Tab Bar?
    Any advice and / or pointers to articles, tutorials or reference code is great appreciated. Thanks.
    Last edited by nealbrandi; 19 Feb 2012 at 1:06 PM. Reason: Implementation clarification

  2. #2
    Sencha User aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,485
    Vote Rating
    135
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default

    1) Would need some screenshots or mockups but seems reasonable.
    2) Again back to 1. Either or would probably work though
    3) Yes of course
    Aaron Conran
    @aconran

  3. #3
    Sencha Premium Member
    Join Date
    Oct 2012
    Posts
    8
    Vote Rating
    0
    roseg is on a distinguished road

      0  

    Default Tab Panel Customization

    Hi there!

    I am new to Sencha Architect and I am trying to change the height of each tabs in a tabelPanel and it's driving me nuts! The height just don't change even I've tried all cls and height configuration.. Please help me on this simple thing that I can't figure out how..

    Thanks in advance!

    Best Regards!

  4. #4
    Sencha Premium Member
    Join Date
    Nov 2007
    Location
    Moore, Oklahoma
    Posts
    503
    Vote Rating
    18
    Mthor will become famous soon enough Mthor will become famous soon enough

      0  

    Default

    check to see if flex: 1 is set, if so remove the flex and then add your height

  5. #5
    Sencha User aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,485
    Vote Rating
    135
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default

    Quote Originally Posted by roseg View Post
    Hi there!

    I am new to Sencha Architect and I am trying to change the height of each tabs in a tabelPanel and it's driving me nuts! The height just don't change even I've tried all cls and height configuration.. Please help me on this simple thing that I can't figure out how..

    Thanks in advance!

    Best Regards!
    The content of the tab panel or the tab itself? Could you show us some screenshots of waht you are trying to do?
    Aaron Conran
    @aconran

  6. #6
    Sencha Premium Member
    Join Date
    Oct 2012
    Posts
    8
    Vote Rating
    0
    roseg is on a distinguished road

      0  

    Default Image on Tab Panel Issue

    Hi!

    Thanks for your reply! Here is the image.

    Thanks again.tab_panel_issue.jpg

  7. #7
    Sencha User aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,485
    Vote Rating
    135
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default

    so you want the tabstrip to be taller than usual? the height in the top part rather than what it is?
    Aaron Conran
    @aconran

  8. #8
    Sencha Premium Member
    Join Date
    Oct 2012
    Posts
    8
    Vote Rating
    0
    roseg is on a distinguished road

      0  

    Default

    Thanks for the reply.. But I need the flex function for its width so I really need to set its flex to 1.

  9. #9
    Sencha Premium Member
    Join Date
    Oct 2012
    Posts
    8
    Vote Rating
    0
    roseg is on a distinguished road

      0  

    Default

    hi acoran,

    yes, that's what I mean.