1. #1
    Sencha User
    Join Date
    Jun 2010
    Posts
    132
    Vote Rating
    0
    ssdesign is on a distinguished road

      0  

    Default Using Icons in dockedItem

    Using Icons in dockedItem


    Hi,
    I have an Ext.Panel with x-type:'toolbar' as a dockecItem.

    Here is my code:
    Code:
    Ext.setup({
        tabletStartupScreen: 'tablet_startup.png',
        phoneStartupScreen: 'phone_startup.png',
        icon: 'icon.png',
        glossOnIcon: false,
        onReady: function() {
            // Create a Carousel of Items
            var carousel1 = new Ext.Carousel({
               defaults: { cls: 'card' },
               items: [{
                  html: 'nn',
    			  cls: 'bg'
              }, {
                  title: 'Tab 2',
                  html: '2',
    			  cls: 'bg'
              }, {
                  title: 'Tab 3',
                  html: '3'
              }]
            });
    
    
    
            new Ext.Panel({
              fullscreen: true,
              layout: {
                  type: 'vbox',
                  align: 'stretch'
              },
              defaults: {
                  flex: 1
              },
    		  dockedItems: [{
                    xtype: 'toolbar',
                    dock: 'top',
                    items: [{,
    text: 'something',
    					iconCls: 'info'
    				}]
    		  }],
              items: [carousel1]
            });
        }	
    });
    My question is, can I use Icons for the items in the toolbar instead of just text?

    I have noticed that Icons can be used in tabPanel (using "iconCls") but I am not sure how can I add icons in a toolbar.

    Any advice is greatly appreciated.

    Can defaultType be used here? If so, how to use it?

    Thanks

  2. #2
    Sencha User
    Join Date
    Jun 2010
    Posts
    132
    Vote Rating
    0
    ssdesign is on a distinguished road

      0  

    Default


    got it...

    Had to use:

    Code:
    dockedItems: [{
                    xtype: 'toolbar',
                    dock: 'top',
    				defaults: {
                        ui: 'mask'
                    },
                    
                    items: [
    				{ iconCls: 'compose'},
    				{xtype: 'spacer'},
    				{ iconCls: 'attachment'},
    				{xtype: 'spacer'},
    				{ iconCls: 'add'}
    				]
    		  }],

Similar Threads

  1. Tree without icons
    By Donald in forum Ext GWT: Discussion
    Replies: 2
    Last Post: 10 Jul 2009, 6:29 AM
  2. Problem with icons.
    By leandrorc in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 17 Nov 2007, 9:40 AM
  3. View icons & twistie icons - update
    By captainm1uk in forum Ext.nd for Notes/Domino
    Replies: 2
    Last Post: 16 Oct 2007, 5:25 AM
  4. icons
    By genius551v in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 15 Nov 2006, 3:52 PM
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