Adding border to Form
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> import mx.utils.ObjectProxy; private var obj:Object = {name:'Name',album:'Song',genre:'Rock'}; [Bindable] private var proxy:ObjectProxy = new ObjectProxy( obj ); private function handleClick():void { proxy.name = nameField.text; proxy.album = albumField.text; proxy.genre = genreField.text; } </mx:Script> <mx:Form borderStyle="solid"> <mx:FormItem label="Name:"> <mx:TextInput id="nameField" /> </mx:FormItem> <mx:FormItem label="Album:"> <mx:TextInput id="albumField" /> </mx:FormItem> <mx:FormItem label="Genre:"> <mx:TextInput id="genreField" /> </mx:FormItem> <mx:FormItem label="Submit Changes"> <mx:Button label="ok" click="handleClick();" /> </mx:FormItem> </mx:Form> <mx:Form borderStyle="solid"> <mx:FormItem label="Name:"> <s:RichText text="{proxy.name}" /> </mx:FormItem> <mx:FormItem label="Album:"> <s:RichText text="{proxy.album}" /> </mx:FormItem> <mx:FormItem label="Genre:"> <s:RichText text="{proxy.genre}" /> </mx:FormItem> </mx:Form> </mx:Application>