HTML/CSS Service

Showcase

1 comment0 views
1 Star2 Stars

corner radius on a Halo MenuBar control in Flex 4

Category: Flex Components    |    2,265 views    |    1 Comment

The following example shows how you can set the corner radius on a Halo MenuBar control in Flex 4 by creating a custom skin and setting the radiusX and radiusY properties.

Full code after the jump.

<?xml version=”1.0″ encoding=”utf-8″?>

<s:Application name=”Halo_MenuBar_cornerRadius_test”
xmlns:fx=”http://ns.adobe.com/mxml/2009″
xmlns:s=”library://ns.adobe.com/flex/spark”
xmlns:mx=”library://ns.adobe.com/flex/halo”>

<mx:ApplicationControlBar width=”100%” cornerRadius=”0″>
<mx:Form styleName=”plain”>
<mx:FormItem labal=”cornerRadius:”>
<s:HSlider id=”slider”
minimum=”0″
maximum=”{menuBar.height/2}”
value=”2″ />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar> Read more…

Share/Save/Bookmark