Flyout Control Properties

Properties - Initiation

DebugMode New Set DebugMode to false will make Flyout not show error message. Optional oFlyout.DebugMode = false;   AttachTo ID of element which Flyout attached to Optional oFlyout.AttachTo="Button1" Attach to many elements: oFlyout.AttachTo="Button1, Button 2"

Properties - Layout

Position 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   Align 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   Opacity Gets or sets the opacity, the value ranges from 0 to 100. Optional oFlyout.Opacity = 85   zIndex Gets or sets the zIndex of Flyout layer. Optional oFlyout.zIndex= 10   RelativeLeft Gets or sets relative Left of Flyout to Left of AttachTo element when Position is ABSOLUTE. Optional oFlyout.RelativeLeft = 20   RelativeTop Gets or sets relative Top of Flyout to Top of AttachTo element when Position is ABSOLUTE. Optional oFlyout.RelativeTop = -20

Properties - Behavior

OpenTime 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   CloseTime 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   Resolution 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   OpenEvent Gets or sets the open event for flyout Optional Allowed values are: ONMOUSEOVER ONCLICK ONRIGHTCLICK NONE oFlyout.OpenEvent = OpenEvents.ONCLICK   CloseEvent Gets or sets the close event for flyout Optional Allowed values are: ONMOUSEOUT NONE oFlyout.CloseEvent = CloseEvents.NONE   DelayTime 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   OnClientInit Gets or sets client javascript to be executed when Flyout is initiated. Optional oFlyout.OnClientInit = "alert('I am loaded');";   OnClientOpen Gets or sets client javascript to be executed when Flyout is open. Optional oFlyout.OnClientOpen = "alert('I am open');";   OnClientClose Gets or sets client javascript to be executed when Flyout is closed. Optional oFlyout.OnClientClose = "alert('I am closed');";

Effects

FlyingEffect 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;   SlidingEffect 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;   SlidingRange 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;   FadingEffect Gets or sets whether the FadingEffect is enabled For example: oFlyout.FadingEffect = true;   NoneEffect Gets or sets whether the NoneEffect is enabled For example: oFlyout.NoneEffect = true;

Methods

getClientID() 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();   getClientID(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();

Please visit HOW-TO and Help page for any questions.

"Thanks for the great support. I will buy the whole suite within a couple of days. You guys are the best!" Toine A.G. Bastiaans