Community Extension : ViewPort

Modified: 2009/03/10 16:21 by Pavol - Categorized as: Extensions
Remember the old ViewPort control in the Tranquility release of Gaia? Well for those who miss it, here is the first version of that control completely rebuilt.

It's much lighter than the old one. It has only two closable panels. 31.10.2008 updated with Orientation property. So the panels can now have horizontal or vertical orientation.

ViewPort

ViewPort

You will find the complete code with a sample page as attachment. The Extension is tested on IE7, Firefox 3.0, Opera 9.5.

It is a VS 2008 project, but it should be no problem to convert it into VS 2005, no special syntax from .NET 3.5 was used. Also I did not include Gaia library so remember to add references to your Gaia.WebWidgets.dll and Gaia.WebWidgets.Extensions.dll

So now you know how it looks like, here is how you write it:

Edit

ASPX Markup

first content second content

Edit

Usage

If orientation is set to Horizontal then it's needed to write a Width attribute to FirstView and SecondView, if you don't it will automatically fill 200px for you. The height style is optional and if you left it empty, the ViewPort will be stretched according to it's content. For Vertical orientation it's the same with Height attribute. Edit

Optional attributes

  • HideSecondView: initially true. Says if First or Second View should be closed.
  • DragSpace: Says how far you can drag the splitter to the border
  • Orientation: Horizontal or Vertical.

Edit

Events

  • Dragged : Splitter was moved
  • Show: The panel was Hidden and now it's not.




Also, if anybody from Gaia crew will not do it sooner, I was thinking about sharing some thoughts about writing custom gaia controls with emphasis on the communication between server and client javascript, which is now really easy.

Pavol

PS: You can also have a look at this ViewPort Sample online.

NEW updated for Gaia 3.5 Themis

ScrewTurn Wiki version 2.0.33. Some of the icons created by FamFamFam.