Hybrid View

  1. #1
    Sencha Premium Member
    Join Date
    Dec 2011
    Location
    Denver, CO, USA
    Posts
    2
    Vote Rating
    0
    jimcasey is on a distinguished road

      0  

    Default Answered: Overriding TitleBar/Toolbar default heights

    Answered: Overriding TitleBar/Toolbar default heights


    I noticed the following in the release notes for Sencha Touch 2.1.0-b2: "TitleBar/Toolbar now have default height instead of pure CSS." A couple questions:
    • Why was the decision made to hard-code the TitleBar.height and Toolbar.minHeight?
    • Is there a way to override these default values on a project-wide basis?
    Our software was written in Touch 2.0.x and overrode .x-toolbar for a fixed height of 2.2em — unfortunately there's no way to override the default 2.6em height from within the stylesheet. I understand we could set this value whenever we instantiate TitleBar or Toolbar, but it gets hairy with controls such as NestedList.

    Any guidance/insight would be much appreciated!

  2. Code:
    Ext.define('Override.Toolbar', {
        override : 'Ext.Toolbar',
    
        config : {
            minHeight : '2.2em'
        }
    });
    
    Ext.define('Override.TitleBar', {
        override : 'Ext.TitleBar',
    
        config : {
            height : '2.2em'
        }
    });

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,070
    Answers
    3499
    Vote Rating
    852
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Code:
    Ext.define('Override.Toolbar', {
        override : 'Ext.Toolbar',
    
        config : {
            minHeight : '2.2em'
        }
    });
    
    Ext.define('Override.TitleBar', {
        override : 'Ext.TitleBar',
    
        config : {
            height : '2.2em'
        }
    });
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha Premium Member
    Join Date
    Dec 2011
    Location
    Denver, CO, USA
    Posts
    2
    Vote Rating
    0
    jimcasey is on a distinguished road

      0  

    Default


    Awesome! Thanks for the quick reply.

Thread Participants: 1

Tags for this Thread