A second version of the world factbook dashboard with new stuff.
This demo uses 7 components of the ILOG Elixir components suite. Compared to the previous version, new components introduced are pivot charts and indicators.
If you'd like to see new features added, don't hesitate to comment.
"View Source" is enabled. To compile the demo, you will need ILOG Elixir 2.0 beta.
The OrgChart editor sample shows how to implement some features that are often asked on the forum:
This sample is based on a previous blog post on editing an OrgChart and has been improved with some new features added in ILOG Elixir 2.0.
In order to build this sample, you will need the ILOG Elixir 2.0 beta.
Drag & Drop Nodes:
Edit 02/02/09: Updated to keep the view position when a node is added or the layout changed.
As promised during my MAX sessions (both Europe & US), we will try to post on this blog the examples that were developed for the conference. I started with the sample showing how to display Microsoft Project in Flex, then Damien posted his Google Calendar Reader in AIR, and today I release the ILOG Elixir OrgChart expand/collapse sample.
As explained during the session, this example is leveraging the ability to switch the OrgChart employee renderer by an alternate one. This alternate is just extending the default renderer and adding an expand/collapse button depending on the state of the employee. Then when clicking the button an action is triggered that is either adding back or filtering out the reports of the given employee in the collection that serves as data provider for the OrgChart.
The Flex Builder project is available here. I think it is pretty decently commented, so just have a look at the code if you want to know more how it works.
The result is shown below:
[click on the "plus" image to expand]
The nice thing with Flex UI framework is that as soon as you comply with its paradigms you can very easily integrate pieces of components coming from various origins. I've just tried to style ILOG Elixir TaskChart with Degrafa by replacing regular TaskChart renderers (both tasks and constraints) based on Flex/Flash APIs by custom renderers build on top of Degrafa graphics framework and it was just as easy as setting two properties on the TaskChart.
You can see below the result of this experiment, all tasks and constraints are drawn using Degrafa. You will notice that constraints are using dashed lines that are provided through the decorator pattern of the Degrafa framework. Having dashed lines drawn is a common requirement in such displays, so you finally have an easy solution for this by leveraging Degrafa in ILOG Elixir components.As Degrafa is a declarative graphics framework, you can define the rendering of your tasks & constraints inline in your ILOG Elixir application as shown below:
In a similar manner this older post shows how to use Gumbo (Flex 4) FXG to customize an ILOG Elixir gauge. Customizing ILOG Elixir Gauge with Degrafa is easily doable too, I'll try to come up with another post on this subject later on. There is still a little detail I need to sort out about a shifted drawing that occurs with Degrafa in some cases and that looks like a Degrafa bug to me. Stay tuned!