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 Widgets 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.


Extended Panel with 100% width
This Extended Panel has 100% width which means you can get panels to fill the entire surface of your area.
39% width
Here we have two ExtendedPanels with a third "normal" panel between them which...
60% width
...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 ;)

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

100% Width, no collapsing, movable
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
100% Width, draggable with animation
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.
Runs on ASP.NET Valid XHTML 1.0!