Add style name to Canvas

             

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    
    <mx:Style>
        
        .skinnedCanvas {
            borderSkin: Embed("logo.png");  
        }
        
        .starButton {
            upSkin: Embed('logo.png');
            overSkin: Embed('logo.png');
            downSkin: Embed('logo.png');
            disabledSkin: Embed('logo.png');    
        }
        
    </mx:Style>
    
    <mx:Canvas styleName="skinnedCanvas" width="200" height="200">
        
        <mx:Button label="Button 1" width="125" horizontalCenter="0" verticalCenter="-30"/>
        <mx:Button label="Button 2" width="125" horizontalCenter="0" verticalCenter="0"/>
        <mx:Button label="Button 3" width="125" horizontalCenter="0" verticalCenter="30"/>
        
    </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.	Change Canvas cornerRadius and borderStyle
15.	Canvas border style solid

Add style name to Canvas : Canvas « Components « Flex

Related examples in the same category