Click or drag to resize
KaxNavigationBarCollapseAnimation Property
Gets the settings for the animation played when an item closes.

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 CollapseAnimation { get; }

Property Value

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

Use the CollapseAnimation property to customize the expand animation of KaxNavigationBar. You can specify the Type, Duration and the items are collapsed.
To disable expand animation effects you should set the Type to AnimationType.None. To customize the expand animation you can use the ExpandAnimation property.

Examples
The following example demonstrates how to set the CollapseAnimation of KaxNavigationBar.

ASPX:

<kettic:KaxNavigationBar ID="KaxNavigationBar1" runat="server">

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

<Items>

<kettic:KaxNavigationBarItem Text="News" >

<Items>

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

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

</Items>

</kettic:KaxNavigationBarItem>

<kettic:KaxNavigationBarItem Text="Sport" >

<Items>

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

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

</Items>

</kettic:KaxNavigationBarItem>

</Items>

</kettic:KaxNavigationBar>

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