1. #1
    Ext JS Premium Member
    Join Date
    Aug 2010
    Posts
    52
    Vote Rating
    1
    mikih is on a distinguished road

      0  

    Question Howto Remove gap between buttons rendered in toolbar

    Howto Remove gap between buttons rendered in toolbar


    Hi folks,

    I was wondering how to remove the spacees betweeh the items (buttons) rendered in a toolbar... I searched the docs and googled... and found no solution... I also went thru the source but couldnt find the peace where its absolute position is applied... My guess is that it is somewhere in the layout... I am using a hbox layout in the toolbar:

    hbox.defaultMargins sounds very like what I need but it doesnt work...


    Hope someone can help

    Screen Shot 2012-09-21 at 1.46.18 PM.png


    please see the code snippet:

    http://pastie.org/4771613



    Thanks in advaance

    Florian

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,990
    Vote Rating
    455
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Have a look at: .x-btn-default-toolbar-small

    Scott.

  3. #3
    Ext JS Premium Member
    Join Date
    Aug 2010
    Posts
    52
    Vote Rating
    1
    mikih is on a distinguished road

      0  

    Default


    thanks for your reply! Can you be a bit more specific?

    I removed all padding and margins... its the absolute coordinates that make the gap


    Cheers

  4. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,990
    Vote Rating
    455
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    I was incorrect. The changed if FireBug, but not in app.

    Please try adding the following CSS:

    // was 0 2px 0 0
    .x-toolbar .x-toolbar-item {
    margin: 0 0 0 0;
    }
    ‚Äč
    Scott.

  5. #5
    Ext JS Premium Member
    Join Date
    Aug 2010
    Posts
    52
    Vote Rating
    1
    mikih is on a distinguished road

      0  

    Default


    WORKS! thanks a lot!

    the layout should have a property like gap


    Have a great weekend!


Thread Participants: 1

Tags for this Thread