Styling the different states on an FxRadioButton control in Flex Gumbo
The following example shows how you can style the various states on a Flex Gumbo FxRadioButton control using a <Style> block.
Full code after the jump.
To use the following code, you must have Flash Player 10 and a Flex Gumbo SDK installed in your Flex Builder 3. For more information on downloading and installing the Gumbo SDK into Flex Builder 3, see “Using the beta Gumbo SDK in Flex Builder 3″.
<?xml version="1.0" encoding="utf-8"?>
<!-- -->
<Application name="FxRadioButton_statesStyle_fontWeight_test"
xmlns="http://ns.adobe.com/mxml/2009"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<Style>
FxRadioButton:upAndSelected,
FxRadioButton:overAndSelected,
FxRadioButton:downAndSelected {
fontWeight: bold;
}
</Style>
<FxRadioButtonGroup id="gr1" />
<VGroup width="100">
<FxRadioButton label="One" />
<FxRadioButton label="Two" />
<FxRadioButton label="Three" />
<FxRadioButton label="Four" />
<FxRadioButton label="Five" />
</VGroup>
</Application>
This entry is based on a beta version of the Flex Gumbo SDK and therefore is very likely to change as development of the Flex SDK continues. The API can (and will) change causing examples to possibly not compile in newer versions of the Flex Gumbo SDK.
Peter deHaan
Peter deHaan currently works for Adobe on the Flex SDK QA team. While not working on Flex, Flash, and ColdFusion applications, Peter enjoys making up bios and writing in 3rd person. Peter's rarely updated blog can be found at blogs.adobe.com/pdehaan/, actionscriptexamples.com, airexamples.com, and coldfusionexamples.com.
-
Add Widgets (Content Sidebar)
This is your Content Sidebar. Edit this content that appears here in the widgets panel by adding or removing widgets in the Content Sidebar area.
2 Responses to Styling the different states on an FxRadioButton control in Flex Gumbo
Leave a Reply Cancel reply
-
Categories
- Accordion
- AccordionHeader
- ActionScript
- AddChild
- AdvancedDataGrid
- Alert
- alpha
- Animate
- AnimateProperties
- Application
- Application (Spark)
- ArrayCollection
- BarChart
- baseColor
- beta
- beta1
- beta2
- Bitmap
- Bitmap/BitmapData
- BitmapData
- BitmapFill
- BitmapFill (Spark)
- BitmapGraphic
- BitmapImage
- BitmapImage (Spark)
- BitmapImageResizeMode
- Border (Spark)
- BorderContainer (Spark)
- Box
- BuildInfo
- Button
- Button (Spark)
- ButtonBar
- ButtonBar (Spark)
- ByteArray
- Camera
- Charting
- CheckBox
- CheckBox (Spark)
- ClassFactory
- CollectionEvent
- Color
- ColorPicker
- ColorUtil
- ComboBox
- ComboBoxArrowSkin
- Compiler
- Component
- Component (Spark)
- Configuration
- Container
- ContextMenu
- ContextMenuEvent
- ContextMenuItem
- CSSCondition
- CSSSelector
- CSSStyleDeclaration
- CurrencyFormatter
- CursorManager
- Data Binding
- DataGrid
- DataGrid (Spark)
- DataGridColumn
- Date
- DateBase
- DateChooser
- DateField
- DateFormatter
- Debugging
- DefaultComplexItemRenderer
- DefaultTileListEffect
- DropDownList
- DropDownList (Spark)
- DropDownListButtonSkin
- DropDownListSkin
- DropShadowFilter
- E4X
- Effects
- Ellipse
- EmailValidator
- Embed
- Event
- Fade
- FileFilter
- FileReference
- fill
- Filters
- Flash
- Flash Integration
- FlashVars
- Flex 3 SDK
- Flex Builder
- Flex Builder 3
- Flex SDK
- Flex4
- FLVPlayback
- FocusManager
- FontLookup
- Fonts
- Form
- Form (Spark)
- FormHeading (Spark)
- FormItem
- FormItem (Spark)
- Forms
- FTETextField (Spark)
- FullScreen
- FullScreenEvent
- FxAnimateColor
- FxButtonBar
- FxCheckBox
- FXG
- FxHScrollBar
- FxHSlider
- FxList
- FxNumericStepper
- FxRadioButton
- FxRotate3D
- FxScroller
- FxTextArea
- FxTextInput
- FxToggleButton
- FxVScrollBar
- FxVSlider
- getStyleDeclaration()
- GradientEntry
- Graphic (Spark)
- HBox
- HDividedBox
- HGroup (Spark)
- HorizontalLayout
- HorizontalList
- HSBColor (Spark)
- HScrollBar (Spark)
- HSlider
- HSlider (Spark)
- HTML template
- ID3Info
- Image
- Image (Spark)
- ImageSnapshot
- itemRenderer
- JointStyle
- Label
- Label (Spark)
- Legend
- LegendItem
- LigatureLevel
- Line
- LinearGradientStroke
- LineScaleMode
- LinkBar
- LinkButton
- List
- List (Spark)
- Menu
- MenuBar
- Metadata
- MetadataEvent
- Model
- Mouse
- MouseCursor
- MouseEvent
- Move
- Namespace
- NavigatorContent (Spark)
- needsSWF
- NetConnection
- NetStream
- Nightly Builds
- NumberBaseRoundType
- NumberFormatter
- NumberValidator
- NumericCompare
- NumericStepper
- NumericStepper (Spark)
- ObjectProxy
- ObjectUtil
- paddingLeft
- paddingRight
- Panel
- Panel (Spark)
- Parallel
- Path
- PieChart
- PieSeries
- PieSeriesItem
- PopUpAnchor (Spark)
- PopUpButton
- PopUpManager
- ProgrammaticSkin
- ProgressBar
- PropertyChangeEvent
- QName
- RadialGradient
- RadioButton
- RadioButton (Spark)
- RadioButtonGroup
- RadioButtonGroup (Spark)
- Rect
- RegExp
- Regular Expressions
- Repeater
- RichEditableText
- RichText
- RichText (Spark)
- RichTextEditor
- Rotate
- Rotate3D (Spark)
- Scroller (Spark)
- Sequence
- setStyle()
- SimpleText
- SimpleText (Spark)
- skinClass
- Slider
- SliderEvent
- SolidColor
- SolidColorStroke
- Sort
- SortField
- Sound
- SoundEffect
- Spinner (Spark)
- SpriteVisualElement (Spark)
- StageDisplayState
- States
- StringUtil
- StringValidator
- StyleManager
- Styles
- SWFLoader
- SWFObject
- System
- SystemManager
- TabBar
- TabBar (Spark)
- TabNavigator
- TabStopFormat
- Text
- Text Layout Framework (TLF)
- TextArea
- TextArea (Spark)
- TextBox
- TextConverter
- TextEvent
- TextFlow
- TextFlowUtil
- TextFormat
- TextGraphic
- TextInput
- TextInput (Spark)
- TextLayoutFormat
- TextView
- Themes
- TileLayout
- TileList
- TileOrientation
- Timer
- TitleWindow
- TitleWindow (Spark)
- TLF
- ToggleButton (Spark)
- ToggleButtonBar
- ToolTip
- Transition
- Tree
- TruncationOptions
- UIComponent
- UIFTETextField
- Updater
- URLLoader
- URLRequest
- URLUtil
- URLVariables
- ValidationResultEvent
- Validator
- Validators
- VBox
- VDividedBox
- Vector
- VerticalLayout
- VerticalLayout (Spark)
- VGroup (Spark)
- Video
- VideoDisplay
- VideoElement
- VideoElement (Spark)
- VideoEvent
- VideoPlayer (Spark)
- VideoPlayerScrubBar
- ViewStack
- VScrollBar (Spark)
- VSlider
- VSlider (Spark)
- XML
- XMLList
- XMLListCollection
- ZipCodeValidator
- ZipCodeValidatorDomainType
- Zoom
-
Articles
- December 2010
- November 2010
- October 2010
- September 2010
- August 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- February 2010
- January 2010
- December 2009
- November 2009
- October 2009
- September 2009
- August 2009
- July 2009
- June 2009
- May 2009
- April 2009
- March 2009
- February 2009
- January 2009
- December 2008
- November 2008
- October 2008
- September 2008
- August 2008
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008
- January 2008
- December 2007
- November 2007
- October 2007
- September 2007
- August 2007
- July 2007
-
Meta


Hi again Peter!
I was looking in your posts for something about rsl, but couldnt find anything, I have a question I was hoping you could help me with, and I decided to post it here since I couldnt find anything like it on other posts.
Heres the thing, I have a backend running with java (spring/struts) and the front being flex.
Due to bandwidth requirements I have my libraries that i call on runtime, among them, the framework.
This way, a module is only downloaded once, and it can be used by many other modules.
Im also using swfobject (javascript) to load the swfs in the jsps, the url here has to be relative, because the app runs on many servers (dev, QA, operation and cob) with different namespaces, and releasing a version for each server simply is out of question (for policies).
Now some pages are loaded directly by the jsp, here i had a problem the rsl of the framework wouldnt be loaded, and id have an RSL Error on load (basically, it didnt found the framework)
So i had to put the framework files in the jsp folder, and it worked, however, I have actions that need to validate certain objects on the session and the user profile, and decide wich pages can be loaded, basically they do a forward redirect to the jsp, however, they append the strut namespace given to them. This namespace is only a name I use to isolate the different areas and workflows that exist in the app. However as you may know this namespace is virtual, and is used merely for mapping and display on the url, but it really doesnt exist on the server.
This however, makes a similar problem to the jsp one, if the framework hasnt been downloaded yet, it wont find the framework and throw a rsl error (this can be avoided if i call one of the pages that load the framework using the jsp route)
This is because it is looking for the framework in this virtual route. Given the size of the app, (and again policies) I cant create folders for every of this virtual namespaces and put the file there.
So after all this long story the question is, if there is any way to configure anything to specify the route it should look for framework and other rsl’s or to make it ignore the virtual namespaces the stuts use.
Wow, now thats a long post.
Thanks in advance, I really hope you can help me out.
Regards
Ps. If you need clarification on any point dont doubt to ask, Ill try to explain the best I can.
I have this tendency to post questions after hours of research only to find my own answers a little later..
If you put the framework as rsl in the build path option of the Flex IDE.
Then expand the framewor.swc option to find “RSL URL:” click edit button.
On link type set RSL, with digests verification.
Now add path urls, here i did some try/fail testing to see wich option would work, i found out, if i just put the iplanet folder/name of file it would work (first i tried doing reverse domain navigation /../.. but realized the search started from the dns and not from the struts namespace wich i found odd).
So i just put there /flash/framework_3.0.0.477.swz
and /flash/framework_3.0.0.477.swf
(two different items)
And it worked out.
Im going to create a blog entry about it sometime, but i post here how i solved this apparently real trivial problem for documentation purposes (because i hate finding questions on the internet for the poster only saying i solved it, thanks anyways, and not telling the solution jeje)
Thanks again, and sorry for filling your site =P
Regards.