Click to change style : Style « Style « Flex






  1. Flex
  2. Style
  3. Style

Click to change style

Click to change style
             

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Panel id="panel" width="250" height="200">
    <mx:TextArea id="textArea" width="80%" height="80%" text="Example" />
    <mx:ControlBar>
        <mx:Button label="Random Font Size" click="textArea.setStyle('fontSize', Math.random( ) * 20 + 8)" />
        <mx:ColorPicker id="color" change="panel.setStyle('backgroundColor', color.value)" />
    </mx:ControlBar>
</mx:Panel>
</mx:Application>








Related examples in the same category

1.Apply effects with ActionScript and not use stylesApply effects with ActionScript and not use styles
2.Alternate WipeRight and WipeLeft effects for the mouseDownEffect style of a Button controlAlternate WipeRight and WipeLeft effects for the mouseDownEffect style of a Button control
3.Using a local stylesheet to decouple the style implementationUsing a local stylesheet to decouple the style implementation
4.Using the plain style
5.Applying behaviors in MXML using stylesApplying behaviors in MXML using styles
6.Applying behaviors in ActionScript using stylesApplying behaviors in ActionScript using styles
7.Local style definitionsLocal style definitions
8.Inline stylesInline styles
9.Get style declaration for control
10.Flex Style with namespaceFlex Style with namespace
11.Flex supports both camel-case and hyphenated syntax in style sheetsFlex supports both camel-case and hyphenated syntax in style sheets
12.Set style declaration for multiple componentSet style declaration for multiple component
13.Basic Inheritance for styleBasic Inheritance for style
14.Extensible style propertiesExtensible style properties
15.Get style and convert style value to stringGet style and convert style value to string
16.Using inline stylesUsing inline styles
17.Call a method when the style sheet finishes loadingCall a method when the style sheet finishes loading
18.Applying skins by using the Style ManagerApplying skins by using the Style Manager
19.Apply style to globalApply style to global
20.Unload style declaration
21.Use style from style option
22.Compare the style of controlsCompare the style of controls
23.Set all styles in MXML as tag attributes.Set all styles in MXML as tag attributes.
24.Applying styles by binding tag definitionsApplying styles by binding tag definitions
25.setting the values of the gutterLeft, gutterRight, and gutterBottom style properties. It also sets the paddingTop property to 20.setting the values of the gutterLeft, gutterRight, and gutterBottom style properties. It also sets the paddingTop property to 20.
26.Apply axisTitleStyleName property without specifying itApply axisTitleStyleName property without specifying it
27.Override Base Style PropertiesOverride Base Style Properties
28.Component styles
29.Compiled stylesCompiled styles
30.Setting And Getting StylesSetting And Getting Styles
31.Customize Styles at RuntimeCustomize Styles at Runtime
32.Styles SubComponentsStyles SubComponents
33.Set various styles on the textSet various styles on the text
34.Styled Link ElementStyled Link Element
35.Use ActionScript to set StylesUse ActionScript to set Styles
36.To make development easier, however, Flex supports both the camel-case and hyphenated syntax in style sheetsTo make development easier, however, Flex supports both the camel-case and hyphenated syntax in style sheets
37.Data Tip StylesData Tip Styles
38.Inheritable StyleInheritable Style
39.Define MyStyle style and applies that style to the elements on the horizontal axisDefine MyStyle style and applies that style to the elements on the horizontal axis