Click or drag to resize
KaxTreeViewExpandAnimation Property
Gets the settings for the animation played when a node 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 KaxTreeView. You can specify the Type and Duration. 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 KaxTreeView.

ASPX:

<kettic:KaxTreeView ID="KaxTreeView1" runat="server">

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

<Nodes>

<kettic:KaxTreeViewNode Text="News" >

<Nodes>

<kettic:KaxTreeViewNode Text="CNN" NavigateUrl="http://www.cnn.com" />

<kettic:KaxTreeViewNode Text="Google News" NavigateUrl="http://news.google.com" />

</Nodes>

</kettic:KaxTreeViewNode>

<kettic:KaxTreeViewNode Text="Sport" >

<Nodes>

<kettic:KaxTreeViewNode Text="ESPN" NavigateUrl="http://www.espn.com" />

<kettic:KaxTreeViewNode Text="Eurosport" NavigateUrl="http://www.eurosport.com" />

</Nodes>

</kettic:KaxTreeViewNode>

</Nodes>

</kettic:KaxTreeView>

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