Flex Examples
Just a bunch of Adobe Flex Examples
  • Books
  • About Me
  • About You
  • Tags
  • Links
  • Flex 3 (Codename: Moxie)
  • Flex 4 (Codename: Gumbo)
  • Flex Hero
  • Colophon

Setting the FormItem label width in a Form container in Flex

By Peter deHaan On November 1, 2009 · 1 Comment

The following example shows how you can set the label width on a Form container in Flex by setting the labelWidth style.

Full code after the jump.

 

Continue Reading →

Toggling form item visibility in a Form container in Flex

By Peter deHaan On October 3, 2008 · 3 Comments

The following example shows how you can toggle FormItem containers in a Flex Form container by setting the includeInLayout and visible properties.

Full code after the jump.

 

Continue Reading →

Changing the label text alignment in a FormItem container in Flex

By Peter deHaan On June 6, 2008 · 10 Comments

The following example shows how you can set the text alignment on a Flex FormItem container’s label by setting the textAlign and labelStyleName styles.

Full code after the jump.

[...]

Continue Reading →

Styling individual FormItem labels using the labelStyleName style

By Peter deHaan On November 13, 2007 · 3 Comments

The following example shows you how you can style individual labels in a FormItem container in Flex by setting the labelStyleName style, as seen in the following snippet:

<mx:Style> .requiredLabel { color: red; fontSize: 12; fontWeight: bold; } </mx:Style> <mx:Form> <mx:FormItem label="Field 1:" labelStyleName="requiredLabel" required="true"> <mx:Label id="lbl1" text="{str}" /> </mx:FormItem> </mx:Form>

The labelStyleName style [...]

Continue Reading →

Setting the gap around the required indicator in a Flex form

By Peter deHaan On November 6, 2007 · 2 Comments

The following example shows how you can set the gap around the required indicator in a Flex form by setting the indicatorGap style, as seen in the following snippet:

<mx:Style> FormItem { indicatorGap: 24; } </mx:Style>

Full code after the jump.

Continue Reading →

Changing a Flex FormItem container’s indicator skin

By Peter deHaan On October 6, 2007 · 5 Comments

The following example shows how you can change the FormItem container’s indicator skin which appears when the form item’s required property is set to true.

Full code after the jump.

 

Continue Reading →

Building a simple tip calculator in Flex

By Peter deHaan On September 17, 2007 · 10 Comments

The following example shows a very simple (and probably somewhat buggy) tip calculator which I put together in a few minutes using Flex. Nothing really new, but sometimes its fun to combine a few of the things we’ve covered over the past posts and build something a bit more interesting.

Full code after the jump.

[...]

Continue Reading →

Changing a form item’s background color when a child control has focus

By Peter deHaan On September 16, 2007 · Leave a Comment

I recently saw this on the Interwebs and thought I’d try to rebuild the effect in Flex. It is a pretty nice way to highlight the currently active form item.

The following example shows how you can use the focusIn and focusOut events to highlight the currently focused form item.

Full code after the jump.

[...]

Continue Reading →
  • 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
  • Calendar

    May 2013
    M T W T F S S
    « Dec    
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
  • Meta

    • Log in
    • Entries (RSS)
"No public Twitter messages." — pdehaan
Flex Examples

Pages

  • Books
  • About Me
  • About You
  • Tags
  • Links
  • Flex 3 (Codename: Moxie)
  • Flex 4 (Codename: Gumbo)
  • Flex Hero
  • Colophon

The Latest

  • Setting the icon placement on a Spark Button control in Flex Hero
    In a previous example, “Setting an icon on a Spark Button in […]

More

  • Flex Examples
  • ColdFusion Examples
  • ActionScript Examples
  • Adobe AIR Examples
This work is licensed under a Creative Commons Attribution 3.0 United States License.
PlatformPro by PageLines