1. #1
    Sencha User chris_nl's Avatar
    Join Date
    Nov 2011
    Location
    Amstedam
    Posts
    34
    Answers
    1
    Vote Rating
    0
    chris_nl is on a distinguished road

      0  

    Question Answered: What kind of buttons are on a Panel that is docked at the bottom?

    Answered: What kind of buttons are on a Panel that is docked at the bottom?


    Hello, I am trying to build buttons that look and act like the buttons on a tab.Panel that are docked at the bottom.

    I was wondering what kind of buttons these are. I could not find anything in the documentation.

    And is there a way to create from the Ext.Button a button that looks and acts like the buttons on a tab.Panel?

    Thanks in advanced!, Regards Chris.

    stylequestion.jpg

  2. Oke, I found the solution how to style the icons at this topic:

    http://www.sencha.com/forum/showthre...abPanel-buttonAnd I got it working using not the Ext.Toolbar but using the Ext.tab.Bar instead.

    This is the code I used to make it all work

    Code:
     var tabBar = Ext.create('Ext.tab.Bar', {
    
    
                  cls: Ext.baseCSSPrefix + 'tabpanel',
                  
                  docked: 'bottom',
                 layout: {
                    type: 'hbox',
                    pack: 'center'
                   },
    
    
                        scrollable: {
                            direction: 'horizontal',
                            indicators: false
                        },
                 items: [
                         { title: 'home', iconCls: 'home' },
                         { title: 'activiteiten', iconCls: 'activiteiten'  },
                         { title: 'contact', iconCls: 'contact'},
                         { title: 'agenda', iconCls: 'agenda', handler : function() { alert("click"); } },
                         { title: 'fotos',  iconCls: 'photos' },
                         { title: 'bookmarks', iconCls: 'bookmarks', handler : function() { alert("click"); } }
                        ]
            });
           //use this to set an icon active
            tabBar.setActiveTab(2)

    Greetings, Chris.

  3. #2
    Sencha User chris_nl's Avatar
    Join Date
    Nov 2011
    Location
    Amstedam
    Posts
    34
    Answers
    1
    Vote Rating
    0
    chris_nl is on a distinguished road

      0  

    Default


    Oke, I found the solution how to style the icons at this topic:

    http://www.sencha.com/forum/showthre...abPanel-buttonAnd I got it working using not the Ext.Toolbar but using the Ext.tab.Bar instead.

    This is the code I used to make it all work

    Code:
     var tabBar = Ext.create('Ext.tab.Bar', {
    
    
                  cls: Ext.baseCSSPrefix + 'tabpanel',
                  
                  docked: 'bottom',
                 layout: {
                    type: 'hbox',
                    pack: 'center'
                   },
    
    
                        scrollable: {
                            direction: 'horizontal',
                            indicators: false
                        },
                 items: [
                         { title: 'home', iconCls: 'home' },
                         { title: 'activiteiten', iconCls: 'activiteiten'  },
                         { title: 'contact', iconCls: 'contact'},
                         { title: 'agenda', iconCls: 'agenda', handler : function() { alert("click"); } },
                         { title: 'fotos',  iconCls: 'photos' },
                         { title: 'bookmarks', iconCls: 'bookmarks', handler : function() { alert("click"); } }
                        ]
            });
           //use this to set an icon active
            tabBar.setActiveTab(2)

    Greetings, Chris.
    Last edited by chris_nl; 29 Dec 2011 at 10:34 PM. Reason: fixed it !

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..." hd porno faketaxi