-
Ext JS Premium Member
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
-
Have a look at: .x-btn-default-toolbar-small
Scott.
-
Ext JS Premium Member
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
-
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.
-
Ext JS Premium Member
WORKS! thanks a lot!
the layout should have a property like gap
Have a great weekend!
Tags for this Thread
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules