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
Comments (31)
Very nice indeed. What is the reliance on Flash 10 and do you see that being an obstacle to use in the short term
Posted by Terry Collinson | December 31, 2008 10:33 AM
Posted on December 31, 2008 10:33
nice, but am i missing something? xmlns:components="com.comtaste.dashboard.components.*" doesn't seem to be included in the source files so doesn't compile for me.
Thanks!
Posted by hsTed | December 31, 2008 10:39 AM
Posted on December 31, 2008 10:39
Thank you,
@ Terry: the Dashboard library is compatible with the version 9 of the Flash Player, it does not rely on specific version 10 features.
@ ted: to use the com.comtaste.dashboard.components package, you need to download the Dashboard.swc you find in the libs folder when you View Source and add it to your libraries in the flex builder.
Posted by Liviu Stoica | December 31, 2008 11:35 AM
Posted on December 31, 2008 11:35
that has already been accomplished and is referenced correctly for flex builder. Getting about 12 of these error messages:
Cannot resolve attribute 'titleBarHeight' for component type com.comtaste.dashboard.components.DashPanel. DashboardExample/src DashboardExample.mxml line 33 1230926008101 24456
Posted by hsTed | January 2, 2009 9:04 PM
Posted on January 2, 2009 21:04
Try to download the complete zip package from here, and import into you flex builder as flex progect.
Posted by Liviu Stoica | January 3, 2009 9:30 PM
Posted on January 3, 2009 21:30
@Liviu I've got the same error messages too.
@hsTed Try removing all 'titleBarHeight' and the application runs.
Posted by starCh | January 9, 2009 10:28 PM
Posted on January 9, 2009 22:28
@Liviu I've got the same error messages too.
@hsTed Try removing all 'titleBarHeight' and the application runs.
Posted by starCh | January 9, 2009 10:29 PM
Posted on January 9, 2009 22:29
I got the same error : "Cannot resolve attribute titleBarHeight' for component type com.comtaste.dashboard.components.DashPanel."
And I downloaded the source from the zip package. Anyone having an idea?
Posted by Persephone | January 14, 2009 10:41 PM
Posted on January 14, 2009 22:41
Hi :
I'm traying this aplication, and this works really great.
And i want to know, if I you can share the FlexSkin_FOB.fla
Thanks in advanced
Posted by Patricio | January 22, 2009 4:44 PM
Posted on January 22, 2009 16:44
All I can say is Thank you! This is rad
Posted by John Gag | February 4, 2009 2:44 AM
Posted on February 4, 2009 02:44
Good Job! Anyone get the events stuff to work? I am trying to get a dashpanel to minimize by sending it an alert but doesn't seem to work. If you have it working could you please post a snippet?
Thanks again for this super cool dashboard!
Posted by Ed | February 5, 2009 8:09 PM
Posted on February 5, 2009 20:09
This requires an internet connection doesn't it?
I get the same error as the others do after placing the swc file in the proper path.
We develop on standalone in case we only want application/desktop based,not needing web/internet reliance.
So, this may not work for our needs. thx!
Posted by Christopher B | February 5, 2009 8:48 PM
Posted on February 5, 2009 20:48
Receiving error
unable to open \Dashboard\bin\Dashboard.swc. Dashboard.swc is in the libs folder, where do I need to change the pathname?
Posted by David Coleson | February 10, 2009 4:14 PM
Posted on February 10, 2009 16:14
Very nice and so far works better than the original MDI for what I want to do. Trying to throw MINIMIZE event, to minimize a few of the panels in my init() function. Have tried a few ways to dispatch panel.minimize(); with no prevail. Please advise...
Posted by GregM | March 5, 2009 9:29 PM
Posted on March 5, 2009 21:29
I also have the problem of "Cannot resolve attribute titleBarHeight".
Another question: is it possible to manage the position of each box and save them for example in the ShareObject.
Thanks for replying
Posted by maoanz | March 6, 2009 4:49 PM
Posted on March 6, 2009 16:49
A new version of the library is online. The example project is updated with the last features and bug fixed. View here. You can download the latest swc from here
Posted by Liviu Stoica | March 6, 2009 6:38 PM
Posted on March 6, 2009 18:38
You did update but didn't put the swc in a place we can find it for download. Is there anyway we can get the non compiled component?
Posted by GregM | March 6, 2009 7:21 PM
Posted on March 6, 2009 19:21
I can't download file Dashboard.swc. What's happening?
Posted by Fabio Almeida | March 9, 2009 1:02 PM
Posted on March 9, 2009 13:02
can i have the source for the .swc file
Posted by Guna | March 10, 2009 5:47 AM
Posted on March 10, 2009 05:47
How can I hide start button in DashPanelContainer?
Posted by Fabio Almeida | March 11, 2009 7:20 PM
Posted on March 11, 2009 19:20
Hi, it seems that the "save workspace" and "load workspace" in the start button in very useful. But how can we save the state in a sharedObject so that it can reload the previous state after starting up? And I also have the same question as Fabio, "how to hide the button".
Thanks
Posted by maoanz | March 16, 2009 5:41 PM
Posted on March 16, 2009 17:41
The new SWC does fix the panelHeight problem but adds the new "start" button Fabio is asking about removing. I think I will go back to the broken SWC to remove the "Start" button, deal with the height issue, and still ask for the fix to NOT being able to call the MINIMIZE function for a panel.
Posted by GregM | March 16, 2009 6:27 PM
Posted on March 16, 2009 18:27
Does anyone ever reply to the requests? it is a very cool component but may have to stop using it as MINIMIZE, MAXIMIZE, and ability to remove the "start" button makes it unusable for me.
I hope to hear from someone on this.
Thanks
Posted by GregM | April 6, 2009 10:13 PM
Posted on April 6, 2009 22:13
Hello.
Very good job.
Can we have the source of dashboard.swc ?
I 'd like to customize more.
Regards
Posted by Potesy | May 27, 2009 10:18 AM
Posted on May 27, 2009 10:18
Hi
Very good job!!
Like it is said bellow it will be interesting to know how to hide the start button.
Without hidding the button it will be unusable for me.
Best regards
Posted by McKANE | June 3, 2009 4:35 PM
Posted on June 3, 2009 16:35
how to customize the start button?
Posted by Marcos Junior | June 23, 2009 4:47 PM
Posted on June 23, 2009 16:47
Very good example
Great Job
Even I would like to know how to hide start button?
Posted by Nazz | August 31, 2009 8:23 AM
Posted on August 31, 2009 08:23
Hi,
good job.
I'd like to know how to hide the Start button on the dashboard, or even to change the labels languages.
Best regards.
Posted by Enrico | September 2, 2009 10:47 AM
Posted on September 2, 2009 10:47
HI
Can you please suggest on how to hide the start button in the DashPanelContainer
Posted by Shriram | September 18, 2009 8:17 PM
Posted on September 18, 2009 20:17
did anyone ever figuered out how to get rid of the start button?
Posted by miguel | March 23, 2010 8:25 PM
Posted on March 23, 2010 20:25
Initializer for 'dock': values of type com.comtaste.dashboard.components.DashDock cannot be represented in text.
Posted by Naveen | April 23, 2010 3:29 PM
Posted on April 23, 2010 15:29