Comments on: Creating fixed width buttons in a Flex ButtonBar component http://blog.flexexamples.com/2007/09/05/creating-fixed-width-buttons-in-a-flex-buttonbar-component/ A bunch of examples for Adobe Flex and ActionScript Fri, 05 Dec 2008 09:56:03 +0000 http://wordpress.org/?v=2.2.1 By: peterd http://blog.flexexamples.com/2007/09/05/creating-fixed-width-buttons-in-a-flex-buttonbar-component/#comment-16169 peterd Mon, 13 Oct 2008 14:11:00 +0000 http://blog.flexexamples.com/2007/09/05/creating-fixed-width-buttons-in-a-flex-buttonbar-component/#comment-16169 jurlan, I don't know if I understand the question. I took a screenshot of a vertical ButtonBar, set the magnification to 600% in Photoshop and each button had the same width/height. If you're seeing something different, you may want to file a bug at http://bugs.adobe.com/flex/ and include a simple test case to reproduce the issue and a screenshot of what it looks like on your system. That said, if the question was how do you remove the rounded corners on the first/last buttons, you can set the <code>buttonStyleName</code> and <code>cornerRadius</code> styles: <pre class="code"> <mx:Style> ButtonBar { buttonStyleName: buttonStylez; } .buttonStylez { cornerRadius: 0; } </mx:Style> </pre> For another example of setting the corner radius on a ButtonBar control, see <a href="http://blog.flexexamples.com/2008/01/07/setting-the-button-corner-radius-in-a-flex-buttonbar-control/" rel="nofollow"><u>"Setting the button corner radius in a Flex ButtonBar control"</u></a>. Peter jurlan,

I don’t know if I understand the question. I took a screenshot of a vertical ButtonBar, set the magnification to 600% in Photoshop and each button had the same width/height. If you’re seeing something different, you may want to file a bug at http://bugs.adobe.com/flex/ and include a simple test case to reproduce the issue and a screenshot of what it looks like on your system.

That said, if the question was how do you remove the rounded corners on the first/last buttons, you can set the buttonStyleName and cornerRadius styles:

<mx:Style>
    ButtonBar {
        buttonStyleName: buttonStylez;
    }

    .buttonStylez {
        cornerRadius: 0;
    }
</mx:Style>

For another example of setting the corner radius on a ButtonBar control, see “Setting the button corner radius in a Flex ButtonBar control”.

Peter

]]> By: jurlan http://blog.flexexamples.com/2007/09/05/creating-fixed-width-buttons-in-a-flex-buttonbar-component/#comment-16163 jurlan Mon, 13 Oct 2008 10:26:04 +0000 http://blog.flexexamples.com/2007/09/05/creating-fixed-width-buttons-in-a-flex-buttonbar-component/#comment-16163 I was wondering how I can make sure that when I use the vertical layout for the ButtonBar, that the first and the last button have the same width as the middle ones and not a few pixels less .. Thanks I was wondering how I can make sure that when I use the vertical layout for the ButtonBar, that the first and the last button have the same width as the middle ones and not a few pixels less ..

Thanks

]]>