Wednesday, December 4, 2013

Setting up SVN version control with FlexBuilder

Setting up SVN version control with FlexBuilder


Jump to: navigation, search
This page discusses the integration of Subversion into FlexBuilder.

Installing Subclipse

The following are instructions for setting up Subversion for Adobe Flex Builder 3 (taken from [1] and [2]). It was last verified on 2009-03-10 to work ok:
Open Flex Builder and do the following:
  1. Help menu → Software Updates → Find and Install → Search for New Features to Install → Check Europa Discovery Site (do not check automatically select mirrors) → Finish
  2. Select a mirror from the List that appeared → Ok
  3. In the new list expand Europa Discovery Site → expand Java Development → select Plug-in Development Enviroment and Java Development Tools → Next → Accept the terms and conditions → Next → Finish
  4. Restart Flex Builder
  5. Help menu → Software Updates → Find and Install → Search for New Features to Install → Button: New Remote Site → Enter the following: name: Subclipse, URL: http://subclipse.tigris.org/update_1.0.x/
  6. Then a new entry should appear in the list with the list with sites for search → Expand Subclipse → Expand Subclipse Plug-in → Check Subclipse 1.2.x (available version might be different when you read this) → Next → Accept the terms and conditions → Next → Finish
  7. Restart Flex Builder
If you encounter a bug using Subclipse: The symptoms are a crash of Flexbuilder on Windows as soon as you want to use it. Subversion uses a library called APR (Apache Portable Runtime) which has a component called APR-ICONV used for translating characters in path and file names to/from UTF-8. The release of Apache 2.2 brought new releases of APR and APR-ICONV and these are not binary compatible with previous releases. Subclipse ships with the Apache 2.0 version of these libraries. The crash occurs if you install an application that installs the Apache 2.2 version of these libraries AND ALSO sets the APR_ICONV_PATH environment variable to a path that contains the Apache 2.2 version of the APR-ICONV .so objects. — Fix: Change the name of the environment variable to APR_ICONV1_PATH. The Apache 2.2 library will look for this environment variable name first, and only fallback to the older name if it is not found. You can safely have an APR_ICONV_PATH environment variable pointing to the Apache 2.0 version of these libraries and the APR_ICONV1_PATH environment variable pointing to the Apache 2.2 version.
Subversion 1.5 has resolved this problem by discontinuing the use of APR-ICONV. Instead, Subversion will use translation routines that are provided by the Windows operating system.

Getting the source code from the SVN repository

We use a subversion repository at sourceforge, see IBIS-ID SourceForge repository for the checkout address. Once you have access you can check out the source code. Here are some instructions that are copied from Flexbuilders manual:

Import a new Project into a SVN Repository

Overview This is the process for taking a local project in your Eclipse workspace and importing it into a repository so that it can be managed by SVN. If you have already been using SVN and you have an existing working copy in your workspace that you want to connect to SVN, then you will likely want to follow the procedure for Connecting an Existing Project.
Procedure If you do not yet have your project ready to import into the repository, create a simple project that contains a few files so that they can be stored in the repository. A simple way to achieve this is to create a sample plug-in project by selecting File > New > Project... and Plug-in Development > Plug-in Project. Give the project a name and click through to finish on the wizard.
To import a project into the repository, right click the project you want to import and select Team > Share Project... from the context menu. Do not use "import" and select subversion.

Shareproject.png

This will begin the Share Project wizard. Select SVN as the repository type and click Next.

Share project svn repository.png

If you have already defined the repository location you want to store this project in, then select it in the list and click Next. Otherwise, select the Create a new repository location option and click Next. If you need to create a location then see the section on creating a new repository location in the Flexbuilder user manual for more information.

Share project folder name.png

You must specify the folder name where you want to store the project. The folder name is relative to the URL of the repository location you specified in the previous step. All intermediate folders must already exist in the repository, but the final folder name must not already exist. You can use the Browse... button to select a path from within the repository. The Browse dialog also allows you to create folders, so you could use that option to create any intermediate folders. In the above example, we are going to follow the convention of storing the project in a ProjectName/trunk structure. In this example, the ProjectName folder must already exist and the trunk folder must not exist. Click Next or Finish when you are through.

Share project ready.png

The final page of the wizard is just a final confirmation page. When you click Finish, SVN will issue the mkdir command to create an empty folder in the repository. It will then checkout that folder on top of your local project. This will create the .svn folder inside your project, converting it into a valid Working Copy. Finally, the wizard will bring up the Commit Dialog so that you can commit everything into the repository. You do not have to commit everything or even anything. You may want to cancel the commit dialog and then go back to your workspace and do everything from the Team menu. For example, if you wanted to set SVN properties as part of the commit, you would want to first use the Team > Add to Version Control option and then use the Team > Set Property option etc. Once you have things the way you want them you can then perform a Team > Commit.
For more and the most up to date details on how to do this please refer to the FlexBuilder online help and go to: Workbench User Guide > Getting started > Team SVN tutorial

Monday, December 2, 2013

Flex Formatter - Browse Files at SourceForge.net

  • System Requirements: Eclipse 3.3+, JDK 1.5+. The intent is for this software to be used with FlexBuilder 3 or 4, but there are no actual dependencies.
  • Install (several ways to install)
  • Add a remote update site through Help->Software Updates: http://flexformatter.googlecode.com/svn/trunk/FlexFormatter/FlexPrettyPrintCommandUpdateSite. The exact instructions differ depending on which version of Eclipse you are using. You should be able to turn on Eclipse auto updates and be notified when a new version is published. You may have to set up proxy settings in the Eclipse preferences if you are behind a corporate firewall. Note: if you are running Eclipse 3.5 and the update site doesn't work for you, try adding "/site.xml" on the end and see if that helps.
  • Download the zip file and extract the 3 plugins jars into the Eclipse plugins directory (Eclipse 3.3) or the dropins directory (Eclipse 3.4+) and restart Eclipse (with -clean if you are using 3.3). Enough people have had problems with this with Eclipse 3.4+ that I recommend only using the update site.
  • In FlashBuilder 4.5, Adobe has now defined a formatting command to the Ctrl+shift+F keystroke. This means that that the same keystroke is assigned to 2 different commands. You can go to Windows->Preferences->General-Keys to unassign/reassign the keystroke for one version or the other. If you use "format on save", you will be unaffected.
  • Usage See the docs page for a usage doc that describes the options. https://sourceforge.net/apps/mediawiki/flexformatter/index.php?title=Preferences There is also usage doc in the ? (question mark) help on the preference pages.
  • Bugs: Undoubtedly. If you find something, create a bug/feature report through the 'tracker'.

Tuesday, November 26, 2013

flex 3 Smooth Scroll Example Enjoy :)








mx|ScrollBar
{
track-skin: Embed(source='assets/scroll/thumb.png',
scaleGridLeft="2", scaleGridTop="6",
scaleGridRight="7", scaleGridBottom="9");
up-arrow-skin: ClassReference("undefined");
down-arrow-skin: ClassReference("undefined");
thumb-up-skin: Embed(source='assets/scroll/thumb_up.png',
scaleGridLeft="3", scaleGridTop="3",
scaleGridRight="10", scaleGridBottom="11");
thumb-over-skin: Embed(source='assets/scroll/thumb_up.png',
scaleGridLeft="3", scaleGridTop="3",
scaleGridRight="10", scaleGridBottom="11");
thumb-down-skin: Embed(source='assets/scroll/thumb_up.png',
scaleGridLeft="3", scaleGridTop="3",
scaleGridRight="10", scaleGridBottom="11");
}

previous 3 Days in java


import java.text.SimpleDateFormat;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Collections;


public class MainApp {

public static void main(String[] args)
{
SimpleDateFormat dateFormat = new SimpleDateFormat("dd/MM/yyyy");
//lendar[] calender = new Calendar[3];
String[] calender = new String[3];
for (int i = 0; i < 3; i++) {
Calendar calendar = Calendar.getInstance();
calendar.add(Calendar.DATE, -(i+1));
System.out.println(dateFormat.format(calendar.getTime()));
calender[i] = dateFormat.format(calendar.getTime());
}

Collections.reverse(Arrays.asList(calender));
System.out.println("========================================");

for (int i = 0; i < 3; i++) {
System.out.println(calender[i]);
}


}

}

Monday, November 25, 2013

flex Date Formate in datagrid and label


private function formatDateToString(dateObj:Object, column:GridColumn):String
{
var dateFormater:DateFormatter=new DateFormatter();
dateFormater.formatString="DD-MMM-YYYY H:NN:SS A";
var occDate:Date=new Date(Date.parse(dateObj.otAsesDate));
return dateFormater.format(occDate);
}

<s:GridColumn headerText="DATE" dataField="otAsesDate" labelFunction="formatDateToString"/>

---------------------------------------------------------------------------------------------

<s:Image buttonMode="true"
toolTip="Menu"
id="menuIcon"
source="@Embed('assets/images/Circle_Blue32.png')"
click="menuIcon_clickHandler(event)" backgroundColor="#F2F2F2"
mouseDownEffect="{mySounds}"/>
<mx:SoundEffect id="mySounds" source="@Embed('assets/chat_sound.mp3')"/>

-----------------------------------------------------------------------------------------------

<s:Label text="aa.com -" 
fontWeight="bold"
fontSize="18"
click="navigateToURL(new URLRequest('http://www.annadurai.com/'), 'quote')"/>

------------------------------------

private function formatDateToString(formatDate:Date):String
{
var dateFormater:DateFormatter=new DateFormatter();
dateFormater.formatString="DD MMM YYYY L:NN:SS A ";
var dateString:String=dateFormater.format(formatDate);
return dateString;
}


<s:Label text="{formatDateToString(data.time)}"
id="doc99ServerTime"/>
---------------------------------------

var bk:Booking_Popup = new Booking_Popup();
bk.setStyle("addedEffect", image_removedEffect);
bk.setStyle("removedEffect", image_removedEffect);

PopUpManager.addPopUp(bk, this, true);
PopUpManager.centerPopUp(bk);


<mx:Parallel id="image_removedEffect">
<mx:Zoom />
<mx:Fade />
</mx:Parallel>

-----------------------------


[Embed("/assets/RoomBooking/minus.gif")]
[Bindable]
public var minus:Class;














Flex 3 Tool tip Component


<?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"
  height="100%"
  width="100%">

<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;

import script.ExtendToolTip;

[Bindable]
public var dp:ArrayCollection=new ArrayCollection();
[Bindable]
public var myArray:Array=[1, 2, 3, 4];

[Embed("//assets/images/ic_appo_cal.png")]
[Bindable]
public var patient_photo:Class;

private function createTip(tip:String):ExtendToolTip
{
var imageToolTip:ExtendToolTip=new ExtendToolTip();
//for embeded image
imageToolTip.ImageTip=imgPatient.source;
//for external image
//imageToolTip.ImageTip = "http://l.yimg.com/t/img/new_in_fp_logo.gif";
imageToolTip.TipText=tip;
return imageToolTip;
}
]]>
</fx:Script>

<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<mx:VBox height="100%" width="100%">
<mx:HBox height="50%" width="50%">
<s:Image id="imgPatient"  
source="{patient_photo}"  width="100" height="100" 
toolTip="anna" 
toolTipCreate="event.toolTip=this.createTip(event.currentTarget.toolTip)"  />
<s:Label text="anna"/>
</mx:HBox>
</mx:VBox>
</s:Application>

===========================

ExtendToolTip.as

package script
{
 
import flash.display.Bitmap;
import mx.containers.*;
import mx.controls.Alert;
import mx.controls.Label;
import mx.core.*;
import spark.components.Image;

public class ExtendToolTip extends VBox implements IToolTip
{
private var image:Bitmap = new Bitmap();
private var lbl:Label;
private var imageHolder:Image;
private var tipText:String;
[Bindable]
public function set ImageTip(img:*):void{
if(img is Class){
imageHolder.source = img;
}
if(img is Object){
imageHolder.source = img;
if(img as String){ 
imageHolder.source=img;
}
}
[Bindable]
public function set TipText(txt:String):void{
lbl.text = txt;
}
public function get TipText():String{
return tipText;
}
public function ExtendToolTip()
{
mouseEnabled = false;
mouseChildren = false;
setStyle("percentWidth",50);
setStyle("percentHeight",50);
setStyle("paddingLeft",10);
setStyle("paddingRight",10);
setStyle("paddingTop",10);
setStyle("paddingBottom",10);
setStyle("backgroundAlpha",0.5);
setStyle("backgroundColor",0xffffff);
imageHolder = new Image();
lbl  = new  Label();
lbl.setStyle("color",0x0B0B61);
lbl.setStyle("fontWeight","bold");
lbl.setStyle("fontSize",18);
imageHolder.source = image;
addChild(imageHolder);
addChild(lbl);
}
public function get text():String
{
return null;
}
[Bindable]
public function set text(value:String):void    {
tipText = value;
}
}
}

CustomRowColorDataGrid in flex 3


<?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" xmlns:local="*"
   >
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>

<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
public var getPatList:ArrayCollection=new ArrayCollection([{id: "Select", value: "Select"}, {id: "Left", value: ""}, {id: 'Right', value: ''}]);


private function setSerialNo(obj:Object, column:int):String
{
var indx:int=getPatList.getItemIndex(obj) + 1;
return String(indx);
}
private function getRowBackgroundColor(item:Object, color:uint):uint{
if( item.value ){
return 0xDA81F5;
}
return color;

}
]]>
</fx:Script>
<local:CustomRowColorDataGrid id="contentAlertDataGrid"
  dataProvider="{getPatList}"
  width="100%"
  height="100%"
  rowHeight="27"
  verticalScrollPolicy="off"
  horizontalScrollPolicy="off"
  resizableColumns="true"
  rowColorFunction="getRowBackgroundColor">
<local:columns>
<mx:DataGridColumn headerText="SNo"
  width="80"
  labelFunction="setSerialNo"/>
<mx:DataGridColumn headerText="RegNo"
  width="80"
  dataField="regNo"/>
<mx:DataGridColumn headerText="DoctorNo"
  width="100"
  dataField="docNo"/>
</local:columns>
</local:CustomRowColorDataGrid>
</s:Application>


===================================================================

package  
{
import mx.controls.DataGrid;
import flash.display.Shape;
import mx.core.FlexShape;
import flash.display.Graphics;
import flash.display.Sprite;
import mx.rpc.events.AbstractEvent;
import mx.collections.ArrayCollection;
import flash.events.Event;
/**
* This is an extended version of the built-in Flex datagrid.
* This extended version has the correct override logic in it
* to draw the background color of the cells, based on the value of the
* data in the row.
**/
public class CustomRowColorDataGrid extends DataGrid
{
private var _rowColorFunction:Function;
public function CustomRowColorDataGrid()
{
super();
}
/**
* A user-defined function that will return the correct color of the
* row. Usually based on the row data.
*
* expected function signature:
* public function F(item:Object, defaultColor:uint):uint
**/
public function set rowColorFunction(f:Function):void
{
this._rowColorFunction = f;
}
public function get rowColorFunction():Function
{
return this._rowColorFunction;
}
// private var displayWidth:Number; // I wish this was protected, or internal so I didn't have to recalculate it myself.
// override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
// {
// super.updateDisplayList(unscaledWidth, unscaledHeight);
// if (displayWidth != unscaledWidth - viewMetrics.right - viewMetrics.left)
// {
// displayWidth = unscaledWidth - viewMetrics.right - viewMetrics.left;
// }
// }
//
/**
*  Draws a row background
*  at the position and height specified using the
*  color specified.  This implementation creates a Shape as a
*  child of the input Sprite and fills it with the appropriate color.
*  This method also uses the <code>backgroundAlpha</code> style property
*  setting to determine the transparency of the background color.
*
*  @param s A Sprite that will contain a display object
*  that contains the graphics for that row.
*
*  @param rowIndex The row's index in the set of displayed rows.  The
*  header does not count, the top most visible row has a row index of 0.
*  This is used to keep track of the objects used for drawing
*  backgrounds so a particular row can re-use the same display object
*  even though the index of the item that row is rendering has changed.
*
*  @param y The suggested y position for the background
*
*  @param height The suggested height for the indicator
*
*  @param color The suggested color for the indicator
*
*  @param dataIndex The index of the item for that row in the
*  data provider.  This can be used to color the 10th item differently
*  for example.
*/
override protected function drawRowBackground(s:Sprite, rowIndex:int,
 y:Number, height:Number, color:uint, dataIndex:int):void
{
if( this.rowColorFunction != null )
{
if( dataIndex < (this.dataProvider as ArrayCollection).length )
{
var item:Object = (this.dataProvider as ArrayCollection).getItemAt(dataIndex);
color = this.rowColorFunction.call(this, item, color);
}
}
super.drawRowBackground(s, rowIndex, y, height, color, dataIndex);
}
}
}

Friday, November 22, 2013

RequestHand.mxml


<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
xmlns:s="library://ns.adobe.com/flex/spark" 
xmlns:mx="library://ns.adobe.com/flex/mx" width="{this.parentApplication.width}" height="{this.parentApplication.height}"
creationComplete="initApp()">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import com.aavanor.hospaa.utils.MessageUtil;
public function initApp():void
{

MessageUtil.showMessage("Success");;
}
]]>
</fx:Script>
<mx:HBox height="100%"
width="100%">
<mx:HBox height="100%" width="20%" >
</mx:HBox>
<mx:HBox  
height="100%"
width="60%">
<mx:Panel backgroundColor="#ffffff"
 title="Request Hand"
 paddingBottom="50"
 height="100%"
 width="100%">


<mx:VBox height="100%"
paddingBottom="20"
paddingLeft="20"
paddingRight="20"
paddingTop="20"
width="100%">
<mx:HBox height="40%"
width="100%">
<mx:HBox height="100%"
width="50%" horizontalAlign="right"
verticalAlign="middle" >
<mx:HBox>
<mx:Form width="100%">
<mx:FormItem label="Patient Type"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Patient Type"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Patient Type"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Patient"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Patient"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Patient"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Patient"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Patient_________"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Status"
required="true">
<mx:HBox>
<s:RadioButton id="raAct" label="Active" selected="true"/>
<s:RadioButton id="raInAct" label="InActive"/>
</mx:HBox>
</mx:FormItem>

</mx:Form>
</mx:HBox>
</mx:HBox>
<mx:HBox height="100%" width="50%" 
horizontalAlign="left"
verticalAlign="middle">
<mx:HBox>
<s:Form width="100%">
<s:FormItem label="Aavanor Charge"
required="false"
width="100%">
<s:TextInput />
</s:FormItem>
</s:Form>
</mx:HBox>
</mx:HBox>
</mx:HBox>
<mx:HBox height="5%"
width="100%" horizontalAlign="center"
verticalAlign="middle" >
</mx:HBox>
<mx:HBox height="5%"
width="100%" horizontalAlign="center"
verticalAlign="middle" >
<mx:HBox paddingBottom="5" paddingTop="5">
<s:Button label="Save" id="btnSave"  />
<s:Button label="Status" id="btninActive" />
<s:Button label="Clear" id="btnClear"  />
</mx:HBox>
</mx:HBox>
<mx:HBox height="50%"
width="100%">
<mx:Panel headerHeight="0"
 height="100%"
 
 width="100%">
<mx:VBox height="100%"
width="100%">
 
<s:DataGrid height="95%"
id="dgCharge"
borderVisible="false"
width="100%"  >
<s:columns>
<mx:ArrayList>
<s:GridColumn headerText="Consultant"
 width="240"
 minWidth="50"  
 sortable="false"
 editable="false"/>
 
</mx:ArrayList>
</s:columns>
</s:DataGrid>
</mx:VBox>
</mx:Panel>
</mx:HBox>
</mx:VBox>
</mx:Panel>
</mx:HBox>
<mx:HBox height="100%" width="20%">
</mx:HBox>
</mx:HBox>
</s:Group>

RequestHand.mxml


<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
xmlns:s="library://ns.adobe.com/flex/spark" 
xmlns:mx="library://ns.adobe.com/flex/mx" width="{this.parentApplication.width}" height="{this.parentApplication.height}"
creationComplete="initApp()">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import com.aavanor.hospaa.utils.MessageUtil;
public function initApp():void
{

MessageUtil.showMessage("Success");;
}
]]>
</fx:Script>
<mx:HBox height="100%"
width="100%">
<mx:HBox height="100%" width="20%" >
</mx:HBox>
<mx:HBox  
height="100%"
width="60%">
<mx:Panel backgroundColor="#ffffff"
 title="Request Hand"
 paddingBottom="50"
 height="100%"
 width="100%">


<mx:VBox height="100%"
paddingBottom="20"
paddingLeft="20"
paddingRight="20"
paddingTop="20"
width="100%">
<mx:HBox height="40%"
width="100%">
<mx:HBox height="100%"
width="50%" horizontalAlign="right"
verticalAlign="middle" >
<mx:HBox>
<mx:Form width="100%">
<mx:FormItem label="Patient Type"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Patient Type"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Patient Type"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Patient"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Patient"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Patient"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Patient"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Patient_________"
required="true">
<s:TextInput/>
</mx:FormItem>
<mx:FormItem label="Status"
required="true">
<mx:HBox>
<s:RadioButton id="raAct" label="Active" selected="true"/>
<s:RadioButton id="raInAct" label="InActive"/>
</mx:HBox>
</mx:FormItem>

</mx:Form>
</mx:HBox>
</mx:HBox>
<mx:HBox height="100%" width="50%" 
horizontalAlign="left"
verticalAlign="middle">
<mx:HBox>
<s:Form width="100%">
<s:FormItem label="Aavanor Charge"
required="false"
width="100%">
<s:TextInput />
</s:FormItem>
</s:Form>
</mx:HBox>
</mx:HBox>
</mx:HBox>
<mx:HBox height="5%"
width="100%" horizontalAlign="center"
verticalAlign="middle" >
</mx:HBox>
<mx:HBox height="5%"
width="100%" horizontalAlign="center"
verticalAlign="middle" >
<mx:HBox paddingBottom="5" paddingTop="5">
<s:Button label="Save" id="btnSave"  />
<s:Button label="Status" id="btninActive" />
<s:Button label="Clear" id="btnClear"  />
</mx:HBox>
</mx:HBox>
<mx:HBox height="50%"
width="100%">
<mx:Panel headerHeight="0"
 height="100%"
 
 width="100%">
<mx:VBox height="100%"
width="100%">
 
<s:DataGrid height="95%"
id="dgCharge"
borderVisible="false"
width="100%"  >
<s:columns>
<mx:ArrayList>
<s:GridColumn headerText="Consultant"
 width="240"
 minWidth="50"  
 sortable="false"
 editable="false"/>
 
</mx:ArrayList>
</s:columns>
</s:DataGrid>
</mx:VBox>
</mx:Panel>
</mx:HBox>
</mx:VBox>
</mx:Panel>
</mx:HBox>
<mx:HBox height="100%" width="20%">
</mx:HBox>
</mx:HBox>
</s:Group>