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 !

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar