Aloysius 's Public Library

I've created a project to explain how to use the "Flex Dashboard Panel library", here the link of the live application complete of source code.

The principal component of the library are:

1) DashPanelContainer

A canvas Container where we place all the DashPanel window.

2) DashPanel

The window container where you can put all your content.

3) DashLayoutManager

A static multiton manager to control the dashboard.

4) DashPanelEvents

Control your panel programmaticaly using events.

DashPanelContainer properties:

1) dashed:

All DashPanels inside will be tiled to fit on the container and panels can be only switched with each others and not resized.

2) snapped, snapSize:

All DashPanels can be moved and resized constraint to the guide drawed on the background and the snap size can be changed trough the snapSize propeties

3) Nothing:

All DashPanel can be moved and resized without constraint.

DashPanel properties:

1) closable, minimizable, maximizable, draggable, resizable

Control what the panel can do

2) titleBarHeight="20" default 35

Set the height of the title bar if your skin need this.

3) icon, iconXOffset, iconYOffset

Set an icon property an control the position with the offset

4) title, titleColor, titleXOffet, showTitleText

Set the panel title and decide if you want to show or not and where with the offset

5) status

Return the current status of the panel. This status is defined trough constants property of the DashPanel

DashLayoutManager methods:

1) getManager(container.id)

Retrieve the pointer of the manager by passing the container id instance

2) getManager(container.id).tile();

All DashPanel elements will be tiled to fit the space.

3) getManager(container.id).cascade();

All DashPanel elements will be cascaded.

4) getManager(container.id).bringToFront( dashpanel )

Set in fron the element if this is inside the container.

5) getManager(container.id).getOpenedPanelList()

Return the list of current opened panels.

DashPanelEvents:

Using the events you can listen what happen at your panel, but also you can dispatch an event to force panel do something.

1) MAXIMIZE, MINIMIZE, RESTORE, CLOSE

Listen or dispatch this events to control your panel

2) PANEL_MOVING, PANEL_RESIZING

This events can be only listened and inform when panel is currently moving or resizing

3) STARTLOAD, STOPLOAD

Dispatching this events you will freeze the panel and a progress bar will be shown

That's all! Now you can create a fully dashboard application.

Flex Dashboard Panel library Example