1. #1
    Sencha User
    Join Date
    May 2011
    Posts
    3
    Vote Rating
    0
    redosk is on a distinguished road

      0  

    Default Unanswered: Ext.tab.Bar, changing UI

    Unanswered: Ext.tab.Bar, changing UI


    Hello,

    I am trying to change the UI of the TabBar depending on the Tab selected, so here is the code :

    HTML Code:
    listeners: {
        tabchange: {
            fn: function (tabPanel, newCard, oldCard, options) {
                if (newCard.tabConfig) {
                  tabPanel.setUI(newCard.tabConfig.ui);
                  tabPanel.getTabBar().setUI(newCard.tabConfig.ui);
                } else {
                  tabPanel.setUI('default');
                  tabPanel.getTabBar().setUI('default');
                }
            },
            scope: me
        }
    }
    When I select a Tab having "alertes" as UI, here is the resulting HTML :

    HTML Code:
    <div class="x-tab-bar x-docked x-unselectable x-tab-bar-alertes x-top x-tab-bar-top x-tab-bar-alertes-top x-horizontal x-tab-bar-horizontal x-tab-bar-alertes-horizontal x-docked-top x-tab-bar-docked-top x-tab-bar-alertes-docked-top" style="border-width: 1px; width: 1894px; left: 0px; top: 0px; " id="tabbar-1034">
        <div id="tabbar-1034-body" class="x-tab-bar-body x-tab-bar-body-top x-tab-bar-body-default-top x-tab-bar-body-horizontal x-tab-bar-body-default-horizontal x-tab-bar-body-default-top x-tab-bar-body-default-horizontal x-tab-bar-body-default-docked-top x-box-layout-ct x-tab-bar-body-default" style="width: 1894px; ">
        [... the tabs ...]
        </div>
        <div id="tabbar-1034-strip" class="x-tab-bar-strip x-tab-bar-strip-default x-tab-bar-strip-default-top x-tab-bar-strip-default-horizontal x-tab-bar-strip-default-docked-top" style="width: 1894px; ">
        </div>
    </div>
    The UI is applied to the main div, but the body and the strip inner divs keep default as UI, am I missing something ?

  2. #2
    Sencha User
    Join Date
    May 2011
    Posts
    3
    Vote Rating
    0
    redosk is on a distinguished road

      0  

    Default


    Finally, I am using this CSS workaround :

    HTML Code:
    .x-tab-bar-alertes .x-tab-bar-strip {
        background-color: #E0383A;
    }
    But I do not feel it is really clean.
    It is strange that the child DIVs are not updated with the good UI class...

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."