Change Canvas cornerRadius and borderStyle

             

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
        
            [Bindable]
            private var dp:Array =[
                        {label:'A', data:1},
                        {label:'B', data:2},
                        {label:'C', data:3},
                        {label:'D', data:4}
            ];
      
    </mx:Script>
    <mx:Canvas x="426" width="200" height="200" backgroundColor="#ffffff" cornerRadius="8" borderStyle="solid">
        <mx:ComboBox x="10" y="10" dataProvider="{dp}" width="180"></mx:ComboBox>
        <mx:DataGrid x="10" y="40" width="180" height="120" dataProvider="{dp}">
            <mx:columns>
                <mx:DataGridColumn headerText="Id" dataField="data" width="30" />
                <mx:DataGridColumn headerText="Artist" dataField="label"  />
            </mx:columns>
        </mx:DataGrid>
        <mx:Button x="10" y="166" label="Button"/>
    </mx:Canvas>
</mx:Application>

1.	Scroll ticker symbols across the screen and lets users adjust the speed with an HSlider control
2.	Put Button into a Canvas
3.	Use Canvas to wrap Buttons
4.	Set vertical center and horizontal center for Button inside a Canvas
5.	uses constraint rows and constraint columns to position three Button controls in a Canvas container:
6.	Use Canvas to hold controls
7.	A Canvas container with two vertical regions and two horizontal regions
8.	A single constraint column that occupies 20% of the Canvas area
9.	Canvas background color white
10.	Creating a Canvas container by using constraint-based layout
11.	Use a semitransparent Canvas container to highlight the data point
12.	Canvas container
13.	Canvas Reposition
14.	Canvas border style solid
15.	Add style name to Canvas

Change Canvas cornerRadius and borderStyle : Canvas « Components « Flex

Related examples in the same category