1. #1
    Sencha User
    Join Date
    Jul 2012
    Posts
    109
    Vote Rating
    3
    sencha2cool is on a distinguished road

      0  

    Default How to use Architect with Touch with Tab to show a built in icon in Tab Panel ?

    How to use Architect with Touch with Tab to show a built in icon in Tab Panel ?


    Hello,
    Using Architect 2 with Touch.
    Inspector shows:
    Panel->Tab Panel->Home(Container)

    There is no iconCls property to set to home.

    Please advise.

  2. #2
    Sencha User
    Join Date
    Jul 2012
    Posts
    109
    Vote Rating
    3
    sencha2cool is on a distinguished road

      0  

    Default Re: Built in icon

    Re: Built in icon


    Now have Panel->TabPanel->Button with iconCls set to home

    But, only see a blank circle in Tab Panel -- hmm.

  3. #3
    Sencha User
    Join Date
    Jul 2012
    Posts
    109
    Vote Rating
    3
    sencha2cool is on a distinguished road

      0  

    Default Re: Built in icon

    Re: Built in icon


    FYI -- Architect generates the following code: (no icons displayed)

    Ext.define('MyApp.view.MyPanel', {
    extend: 'Ext.Panel',


    config: {
    items: [
    {
    xtype: 'toolbar',
    docked: 'top',
    title: 'Home'
    },
    {
    xtype: 'tabpanel',
    docked: 'bottom',
    items: [
    {
    xtype: 'button',
    iconCls: 'home',
    iconMask: true,
    title: 'Home'
    },
    {
    xtype: 'button',
    iconCls: 'info',
    iconMask: true,
    title: 'Info'
    }
    ]
    }
    ]
    }


    });

  4. #4
    Sencha User
    Join Date
    Jul 2012
    Posts
    109
    Vote Rating
    3
    sencha2cool is on a distinguished road

      0  

    Default Re: Built in icon

    Re: Built in icon


    Solved this by having Panel->Tab Panel->Home(Container),Info(Container),Tab Bar(created by Tab Bar config)
    This allows iconCls to be seen (and set).

    Please add documentation since this was not that obvious.
    Is there a better way to do this ?