Log in to create and rate content, and to follow, bookmark, and share content with other members. Not a member? Join Now!

External Padding for Buttons in Button Bars

Idea created by Malcolm on Feb 27, 2017

Comment • 2

Active

Score7

I would like to be able to generate white space between buttons. At present we cannot do this. It seemed as though the divider would be the tool for the job, but it's behaviour is odd.

It would also be nice to set internal padding for button bars. If we set top, left, bottom, right to 4,2,4,2 and created a border for the button bar the outer frame would be 4 from the top and bottom and 2 from the left and right. It would be necessary to set an internal padding of top, left, bottom, right to x, x+2, x, x+2 to compensate.

Malcolm

2 Comments

user19752 Feb 28, 2017 7:47 PM
External padding is named "margin" in CSS.

I set divider thickness, and I see what you said. White space is generated but it looks being not between buttons.
GetLayoutObjectAttribute("button1";"width") also don't change with divider width.

It wouldn't so problem if the content is centered. Do you have other "odd"ness?
Like • Show 0 Likes0
Actions
Malcolm @ user19752 on Feb 28, 2017 8:26 PM
The image below shows what I am trying to handle. At the left there are two white boxes separated by a 1px divider. Second from left is a button bar of the same height with a 1px divider. It is not exactly the same because the divider overlaps the button borders. You can see that there is a half pixel of white space showing beside the blue rulers. As the divider line size increases it takes up more space. It overlaps the borders and will overlap the button body too.

The other issue is that the button bar border is always right beside the button border. We can't generate any space between them. Being able to control margin would let us generate white space, though I don't have a need for that yet. In most cases, I would be happy if we could set the divider width, if the divider did not overlap the buttons.

malcolm
Like • Show 0 Likes0
Actions

External Padding for Buttons in Button Bars

Related Content

Recommended Content