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

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