Click or drag to resize
KaxToolBarExpandAnimation Property
Gets the settings for the animation played when a dropdown opens.

Namespace: Kettic.AspNet.Controls
Assembly: Kettic.AspNet.Controls (in Kettic.AspNet.Controls.dll) Version: 2014.4.1129.0 (2014.04.1129.0)
Syntax
[PersistenceModeAttribute(PersistenceMode.InnerProperty)]
public AnimationSettings ExpandAnimation { get; }

Property Value

Type: AnimationSettings
An AnnimationSettings that represents the expand animation.
Remarks

Use the ExpandAnimation property to customize the expand animation of the KaxToolBar dropdown items - KaxToolBarDropDown and KaxToolBarSplitButton. You can specify the Type and the Duration of the expand animation. To disable expand animation effects you should set the Type to AnimationType.None.
To customize the collapse animation you can use the CollapseAnimation property.

Examples
The following example demonstrates how to set the ExpandAnimation of the KaxToolBar dropdown items.

ASPX:

<kettic:KaxToolBar ID="KaxToolBar1" runat="server">

<ExpandAnimation Type="OutQuint" Duration="300" />

<Items>

<kettic:KaxToolBarDropDown Text="Insert Html Element" >

<Buttons>

<kettic:KaxToolBarButton Text="Image" />

<kettic:KaxToolBarButton Text="Editable Div element" />

</Buttons>

</kettic:KaxToolBarDropDown>

<kettic:KaxToolBarSplitButton Text="Insert Form Element" >

<Buttons>

<kettic:KaxToolBarButton Text="Button" />

<kettic:KaxToolBarButton Text="TextBox" />

<kettic:KaxToolBarButton Text="TextArea" />

<kettic:KaxToolBarButton Text="CheckBox" />

<kettic:KaxToolBarButton Text="RadioButton" />

</Buttons>

</kettic:KaxToolBarSplitButton>

</Items>

</kettic:KaxToolBar>

void Page_Load(object sender, EventArgs e)
{
    KaxToolBar1.ExpandAnimation.Type = AnimationType.Linear;
    KaxToolBar1.ExpandAnimation.Duration = 300;
}
See Also