Properties of Panel

Panel- < mx:Panel > .. < /mx:Panel >


Properties of the panel are given below

title="String"-title of the panel
height="Number" width="Number"
backgroundColor="Color"
borderColor="Color"
borderStyle="Font Style"
borderVisible="Boolean"
color="Color"
contentBackgroundColor="Color"
cornerRadius="Number"
disabledColor="Color"
layout="String"
1). Absolute 2). Horizontal 3). Vertical
x="Number"
y="Number"
fontFamily="String"
fontSize="Number"

Example

Step1 :

          Create mxml file such as PanelPro.mxml

Step 2:

          Include following coding into PanelPro.mxml

< ?xml version="1.0" encoding="utf-8"? >
< s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" >

< mx:Panel
title="Panel"
height="400" width="400"
backgroundColor="RED"
borderColor="GREEN"
borderStyle="outset"
borderVisible="true"
color="YELLOW"
contentBackgroundColor="#2211FF"
cornerRadius="25"
disabledColor="#232323"
layout="absolute"

x="100"
y="10"
fontFamily="Arial"
fontSize="15" >

< /mx:Panel >

< /s:Application >

output: