Threaded View

  1. 28 Dec 2012 9:00 PM #1
    jimcasey
    jimcasey is offline
    Sencha User
    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!
    Reply With Quote Reply With Quote
  2. Best Answer Posted by mitchellsimoens

    Code:
    Ext.define('Override.Toolbar', {
    override : 'Ext.Toolbar',

    config : {
        minHeight : '2.2em'
    }
});

Ext.define('Override.TitleBar', {
    override : 'Ext.TitleBar',

    config : {
        height : '2.2em'
    }
});