1. #1
    Sencha User
    Join Date
    Dec 2012
    Location
    hyderabad
    Posts
    91
    Answers
    1
    Vote Rating
    0
    javapurna is on a distinguished road

      0  

    Default Unanswered: apply custom css to tabpanel

    Unanswered: apply custom css to tabpanel


    hi,

    i wants to apply custom css to my tabpanels . how can apply custom css.

    var tabPanel = Ext.create('Ext.tab.Panel', {
    deferredRender: true,
    cls:'tabs',
    items: [{
    title : 'A',

    },{
    title : 'B',

    }]
    });

    CSS:
    .tabs .x-tab-default .x-tab-inner {
    • font-size: 11px;
    • font-weight: bold;
    • font-family:tahoma,arial,verdana,sans-serif;
    • color: #416da3;
    • line-height: 13px;
    }

    but not apply.please help some one

  2. #2
    Ext JS Premium Member nmorado's Avatar
    Join Date
    Mar 2009
    Location
    New Jersey, USA
    Posts
    62
    Answers
    1
    Vote Rating
    1
    nmorado is on a distinguished road

      1  

    Default


    sounds like you are looking to have custom ui:

    http://docs.sencha.com/extjs/4.2.1/#!/guide/theming

    look for "Creating Custom Component UI".

Thread Participants: 1