1. #1
    Ext User
    Join Date
    Nov 2008
    Posts
    2
    Vote Rating
    0
    dvicente72 is on a distinguished road

      0  

    Default Toolbar Button size

    Toolbar Button size


    Hi all !

    I want to use 48x48 size's images as icon on a toolbar.

    I've made many tries as described in this forum but my image still remains as 16x16 image

    my code :
    Code:
    Toolbar topToolbar = new Toolbar();
    topToolbar.setHeight(60); 
    ToolbarButton topvalidationButton = new ToolbarButton();
    topvalidationButton.setIconCls("x-btn-identity-toolbar-icon"); 
    topvalidationButton.setIcon("images/User_high.png"); 
    topvalidationButton.setTooltip("<b>Identit&eacute;</b>");
    topToolbar.addButton(topvalidationButton);
    and my css
    Code:
    .x-btn-identity-toolbar-icon .x-btn-center .x-btn-text {
        background-position: center;
        background-repeat: no-repeat;
        height : 48px;
        width: 48px;
        cursor: pointer;
        white-space: nowrap;
        padding: 0;
    }
    
    .x-btn-identity-toolbar-icon .x-btn-center {
        padding: 1px;
    }
    What's wrong ?

    Thanks for your help

  2. #2
    Sencha - GXT Dev Team darrellmeyer's Avatar
    Join Date
    May 2007
    Location
    Washington, DC
    Posts
    2,242
    Vote Rating
    2
    darrellmeyer is on a distinguished road

      0  

    Default


    The tool bar does not support icons greater than 16x16. GXT will be implementing the new toolbar and button features as Ext JS in a later release. See http://extjs.com/blog/2008/04/21/ext...-of-ext-js-30/.

Thread Participants: 1