Gaia Ajax Viewport Example

This is our Ajax Viewport Example. This Viewport is built by small building blocks of Ajax widgets like our Ajax Panel, AspectDraggable, ExtendedPanel and so on. And by combining these small building blocks together you experience something far more expressive and flexible than what most other Ajax component vendors can offer you. Gaia Ajax is an Ajax Framework and not an Ajax Component suite. And this makes Gaia extremely flexible. Click the "Show Viewport" button further down and try to resize the different views in the window popping up. Or try to resize the two ExtendedPanels separated by the grey dottet line in the middle of this screen.


This Extended Panel has 100% width which means you can get panels to fill the entire surface of your area.
Here we have two ExtendedPanels with a third "normal" panel between them which...
...effectively have created a Split View for us. Important thing to notice is that this splitview is even doing calculations in PERCENTAGE which is quite unique ;)

Here we have...
...rendered 6 panels...
...inside a div with width of 100%...
...and all of them are floating to the left...
...which means that they will "spill over"...
...when they come to the right end of the container they're within!

This panel have collapsing turned OFF. If you try to click the "arrow icon" in any of the other panels you will see that they are in fact collapsing. This panel have collapsing turned OFF. But you can MOVE this panel around. And if you move it you will see this text change
And this panel will animate for 0.2 seconds when collapsed in addition to that it is movable. And for all logic things which can be done with the panel you have the option of creating an Event Handler for it trapping that event in your own code and respond to it. So you see why we have named this widget "Extended Panel". So as you can see, all though our Ajax Viewport was cut out of this release, we can still solve a lot of the same problems with other widgets.

Controls used in sample

Gaia Accordion
Gaia ExtendedButton
Gaia ExtendedPanel
Gaia Label
Gaia LinkButton
Gaia Panel
Gaia TabControl
Gaia TreeView
Gaia TreeViewItem
Gaia Window

Runs on ASP.NET Valid XHTML 1.0!