ASP.NET Flyout Class

<%@ Register TagPrefix="obout" Namespace="OboutInc.Flyout2" Assembly="obout_Flyout2_NET" %>

Properties - Initiation

Name Description
propertyDebugMode New Set DebugMode to false will make Flyout not show error message. Optional

oFlyout.DebugMode = false;
 
propertyAttachTo ID of element which Flyout attached to Optional

oFlyout.AttachTo="Button1"

Attach to many elements:
oFlyout.AttachTo="Button1, Button 2"
 

Properties - Layout

Name Description
propertyPosition Gets or sets the built-in common used relative postion of Flyout to position of AttachTo element.  Optional
Default value is BOTTOM_CENTER.
See PositionStyle Illustration for more information.

Allowed values are:
ABSOLUTE
TOP_LEFT
TOP_CENTER
TOP_RIGHT
MIDDLE_LEFT
MIDDLE_CENTER
MIDDLE_RIGHT
BOTTOM_LEFT
BOTTOM_CENTER
BOTTOM_RIGHT

oFlyout.Position=PositionStyle.BOTTOM_MIDDLE
 
propertyAlign Gets or sets the Alignment with AttachTo element. Optional
Default value is MIDDLE.
See AlignStyle Illustration for more information.

Allowed values are:
LEFT
RIGHT
MIDDLE
TOP
BOTTOM

oFlyout.Align=AlignStyle.MIDDLE
 
propertyOpacity Gets or sets the opacity, the value ranges from 0 to 100. Optional

oFlyout.Opacity = 85
 
propertyzIndex Gets or sets the zIndex of Flyout layer. Optional

oFlyout.zIndex= 10
 
propertyRelativeLeft Gets or sets relative Left of Flyout to Left of AttachTo element when Position is ABSOLUTE. Optional

oFlyout.RelativeLeft = 20
 
propertyRelativeTop Gets or sets relative Top of Flyout to Top of AttachTo element when Position is ABSOLUTE. Optional

oFlyout.RelativeTop = -20
 

Properties - Behavior

Name Description
propertyOpenTime Gets or sets the amount of time (miliseconds) between when Flyout starts to open and when Flyout is fully open. Optional
Default value is 200 miliseconds.

oFlyout.OpenTime=0
 
propertyCloseTime Gets or sets the amount of time (miliseconds) between when Flyout starts to close and when Flyout is fully closed. Optional
Default value is 200 miliseconds.

oFlyout.CloseTime=0
 
propertyResolution The number of frame which Flyout will draw in given OpenTime amount of time. Optional

Default value is 10.
The higher the value is, the smoother Flyout flies.

oFlyout.Resolution = 10
 
propertyOpenEvent Gets or sets the open event for flyout Optional

Allowed values are:
ONMOUSEOVER
ONCLICK
ONRIGHTCLICK
NONE

oFlyout.OpenEvent = OpenEvents.ONCLICK
 
propertyCloseEvent Gets or sets the close event for flyout Optional

Allowed values are:
ONMOUSEOUT
NONE

oFlyout.CloseEvent = CloseEvents.NONE
 
propertyDelayTime The lag time (miliseconds)between when mouseover AttachTo element and when the Flyout starts openning Optional

Default value is 200 miliseconds.
You want users to stay on the AttachTo element before openning the Flyout.

oFlyout.DelayTime = 300
 
propertyOnClientInit Gets or sets client javascript to be executed when Flyout is initiated. Optional

oFlyout.OnClientInit = "alert('I am loaded');";
 
propertyOnClientOpen Gets or sets client javascript to be executed when Flyout is open. Optional

oFlyout.OnClientOpen = "alert('I am open');";
 
propertyOnClientClose Gets or sets client javascript to be executed when Flyout is closed. Optional

oFlyout.OnClientClose = "alert('I am closed');";
 

Effects

Name Description
propertyFlyingEffect Gets or sets the flying effect. The value of FlyingEffect indicates the place in AttachTo element that Flyout will be open from.

For example, you want to open from the Bottom Right of AttachTo element

oFlyout.FlyingEffect = FlyingEffectStyle.BOTTOM_RIGHT;
 
propertySlidingEffect Gets or sets the sliding effect. The value of SlidingEffect indicates the the direction of sliding.

For example, you want to make flyout sliding from Left:

oFlyout.SlidingEffect = SlidingEffectStyle.LEFT;
 
propertySlidingRange Gets or sets the range that Flyout will slide if the SlidingEffect is used

For example, you want to make flyout sliding 20 pixels from Left

oFlyout.SlidingEffect = SlidingEffectStyle.LEFT;
oFlyout.SlidingRange = 20;
 
propertyFadingEffect Gets or sets whether the FadingEffect is enabled

For example:

oFlyout.FadingEffect = true;
 
propertyNoneEffect Gets or sets whether the NoneEffect is enabled

For example:

oFlyout.NoneEffect = true;
 

Methods

Name Description
propertygetClientID() Get correctly the Flyout client ID ( In case Flyout attached to single element)

For example, you want to open box at client-side:

<%=oFlyout.getClientID()%>.Open();
 
propertygetClientID(txtAttachTo) In case that Flyout is attached to multiple element AttachTo = "item1,item2,item3";

Use may use this method to get correctly the client ID of Flyout attached to particular element

<%=oFlyout.getClientID("item1")%>.Open();
 
Products Downloads