Comments on: Setting horizontal and vertical gaps between buttons in a Flex ButtonBar control http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/ Just a bunch of Adobe Flex Examples Sun, 12 Feb 2012 19:26:49 +0000 hourly 1 By: sampath http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/comment-page-1/#comment-10309 sampath Thu, 12 Jan 2012 18:12:03 +0000 http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/#comment-10309 How to customize a button bar in such a way that, I can give horizontal gap between only two buttons? How to customize a button bar in such a way that, I can give horizontal gap between only two buttons?

]]> By: Josh Grauer http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/comment-page-1/#comment-9354 Josh Grauer Wed, 29 Jun 2011 18:50:27 +0000 http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/#comment-9354 Oh well...code is not going to show properly. All I did is create a style definition and set the buttonStyleName of the button bar to the style. Oh well…code is not going to show properly. All I did is create a style definition and set the buttonStyleName of the button bar to the style.

]]> By: Josh Grauer http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/comment-page-1/#comment-9353 Josh Grauer Wed, 29 Jun 2011 18:47:05 +0000 http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/#comment-9353 My kingdom for a preview button! <pre lang="mxml" line="1"> .buttonStyle { paddingLeft: 4; paddingRight: 4; } </pre> My kingdom for a preview button!

1
2

 
  .buttonStyle { paddingLeft: 4; paddingRight: 4; }
]]> By: Josh Grauer http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/comment-page-1/#comment-9352 Josh Grauer Wed, 29 Jun 2011 18:44:01 +0000 http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/#comment-9352 Lets try that again... <code> .buttonStyle { paddingLeft: 4; paddingRight: 4; } ... </code> Lets try that again…

.buttonStyle { paddingLeft: 4; paddingRight: 4; }

...

]]> By: Josh Grauer http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/comment-page-1/#comment-9351 Josh Grauer Wed, 29 Jun 2011 18:41:55 +0000 http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/#comment-9351 Thank you for posting your solution, I was searching for that exact thing. I ended up translating your code into a style declaration and applying it to my button bar: <pre lang="xml" line="1" escaped=""> .buttonStyle { paddingLeft: 4; paddingRight: 4; } ... </pre> Thank you for posting your solution, I was searching for that exact thing. I ended up translating your code into a style declaration and applying it to my button bar:

1
2
3
4
5

 
  .buttonStyle { paddingLeft: 4; paddingRight: 4; }
 
 
...
]]> By: Andy http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/comment-page-1/#comment-2236 Andy Wed, 25 Mar 2009 18:34:09 +0000 http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/#comment-2236 Just spent a few hours trying to adjust the padding of the individual buttons in a button bar inline in actionscript. This works, but it ain't that pretty: <pre class="code"> var buttonStyleObj:CSSStyleDeclaration = new CSSStyleDeclaration("buttonStyleObj"); buttonStyleObj.setStyle("paddingRight", 4); buttonStyleObj.setStyle("paddingLeft", 4); StyleManager.setStyleDeclaration(".buttonStyle", buttonStyleObj, true); var buttonBar:ButtonBar = new ButtonBar(); buttonBar.setStyle("buttonStyleName", "buttonStyle"); </pre> Just spent a few hours trying to adjust the padding of the individual buttons in a button bar inline in actionscript. This works, but it ain’t that pretty:

var buttonStyleObj:CSSStyleDeclaration = new CSSStyleDeclaration("buttonStyleObj");
buttonStyleObj.setStyle("paddingRight", 4);
buttonStyleObj.setStyle("paddingLeft", 4);
StyleManager.setStyleDeclaration(".buttonStyle", buttonStyleObj, true);

var buttonBar:ButtonBar = new ButtonBar();
buttonBar.setStyle("buttonStyleName", "buttonStyle");
]]> By: kathryn http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/comment-page-1/#comment-2235 kathryn Thu, 17 Jan 2008 21:39:26 +0000 http://blog.flexexamples.com/2008/01/08/setting-horizontal-and-vertical-gaps-between-buttons-in-a-flex-buttonbar-control/#comment-2235 this was very helpful, thanks! i always forget that gaps are styles, not properties :-) this was very helpful, thanks! i always forget that gaps are styles, not properties :-)

]]>