We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to disable all animations in the tab control, and style the borders of the control

Thread ID:

Created:

Updated:

Platform:

Replies:

144185 Apr 23,2019 10:29 PM UTC Apr 26,2019 07:14 AM UTC ASP.NET Core - EJ 2 3
loading
Tags: Tabs
moez
Asked On April 23, 2019 10:30 PM UTC

Hello

How do I disable all animations for the tab control ? are there any default styles that add borders to the tab content ?
Where can I find examples of usage of TabTabAnimationSettings ? (accepted values for Previous and Next/TModel members).

Thanks !

Nevitha Ravi [Syncfusion]
Replied On April 24, 2019 02:01 PM UTC

Hi Moez, 

Greetings from Syncfusion Support. 

To disable the animation effects in tab component kindly refer the following code. 
    <ejs-tab id="defaultTab" animation="ViewBag.animation"> 
        <e-tab-tabitems> 
            <e-tab-tabitem header="ViewBag.headerTextOne" content="witter is an online social networking service that enables users to send and read short 140-character messages called tweets."></e-tab-tabitem> 
            <e-tab-tabitem header="ViewBag.headerTextTwo" content="Facebook is an online social networking service headquartered in Menlo Park, California"></e-tab-tabitem> 
            <e-tab-tabitem header="ViewBag.headerTextThree" content="WhatsApp Messenger is a proprietary cross-platform instant messaging client for smartphones that operates under a subscription business model."></e-tab-tabitem> 
        </e-tab-tabitems> 
    </ejs-tab> 

var obj1 = new TabNextTab { Effect = "none" }; 
ViewBag.animation = new TabTabAnimationSettings { Next = obj1 , Previous =  obj1  }; 

There is no default styles to add the border to content but we can achieve it through CSS which can be referred from the following sample.  

.e-tab .e-content > .e-item.e-active { 
        border: 1px solid #969696; 
    } 

Please let us know if you need any further assistance. 

Regards, 
Nevitha 



moez
Replied On April 26, 2019 04:40 AM UTC

Thank you Nevitha !
As a general rule, where can I find a reference for the acceptable types for the properties of any syncfusion component ?
For instance, where would I find the type definition of the Model used for the animation property ?

Thanks !

Nevitha Ravi [Syncfusion]
Replied On April 26, 2019 07:14 AM UTC

Hi Moez, 

Thanks for your update. 

You can get the type definition of a modal property in our API documentation. We have shared UG link for animation property in the following link. 

Regards, 
Nevitha 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon