KaxNavigationBarCollapseAnimation Property |
Namespace: Kettic.AspNet.Controls
[PersistenceModeAttribute(PersistenceMode.InnerProperty)] public AnimationSettings CollapseAnimation { get; }
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.
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>