This is a migrated thread and some comments may be shown as answers.

Setting Tab Animation

3 Answers 300 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Jeremy
Top achievements
Rank 1
Jeremy asked on 23 Feb 2012, 09:58 PM
I see that in the Tab Example we can set animation effects.  However the API dos not seem to have anything listed to configure it.

How do I set the animation effects on a tab?

3 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 28 Feb 2012, 03:19 PM
Hi Jeremy,

The animation API is not yet documented, because it is still a subject to change. We will be publishing a blog post soon.

That said, you can specify animation effects only for the whole TabStrip, not for a specific tab, in the form "effect:direction", where direction is currently only valid for the slide effects, which will change with next release, where all effects will have directions. Can you elaborate why do you need different animation effects on a specific tab?

Kind regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Jeremy
Top achievements
Rank 1
answered on 28 Feb 2012, 05:07 PM
Oh I'm not trying to be that fancy!  I do not want to set different animations for specific tabs.  I am simply trying to set some basic animation for the whole tab control.

I am a little unclear on your explanation of "effect:direction".

So looking at the Web Demo, I want to configure the tabs to 

"toggle animation"
and 
"animate opacity - Off"

What are the settings I can pass in for this?

0
Accepted
Kamen Bundev
Telerik team
answered on 29 Feb 2012, 09:22 AM
Hello Jeremy,

What you describe is actually turning off the TabStrip animations, you can do that by passing false for animation, like this:
$("#tabstrip").kendoTabStrip({
    animation: false
});


Kind regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
TabStrip
Asked by
Jeremy
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Jeremy
Top achievements
Rank 1
Share this question
or