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: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Hide tab bar

Thread ID:





129391 Mar 15,2017 02:25 PM UTC Mar 17,2017 06:35 AM UTC Angular 3
Tags: ejTab
Asked On March 15, 2017 02:25 PM UTC


I need to use ejTab without tab bar, how can I hide that?

Karthikeyan Viswanathan [Syncfusion]
Replied On March 16, 2017 08:51 AM UTC

Hi Me,   
Thanks for contacting Syncfusion Support.   
We were unable to understand your requirement. To hide a tab bar in Tab control is not a valid scenario. But, you can hide the tab content using collapsible property.   
Karthikeyan V. 

Replied On March 16, 2017 12:48 PM UTC

Well, that's what I need in my case - I need to have switchable content which would persist data written inside and easiest way to do that is with ejTab.
However, tab bar (shown in picture) must be hidden. Any possible way to achieve that?

Karthikeyan Viswanathan [Syncfusion]
Replied On March 17, 2017 06:35 AM UTC

Hi Me,   
Thanks for the update.   
You can hide the tab bar by using CssClass property. To hide a tab bar, you should assign a value for CssClass property and inherit the tab bar by using. e-tab .e-header .Please refer to the code example:   
.tabcssclass.e-tab .e-header{   
To switch a tab item, you can use the public method of showItem. Please refer to the below code example:   
onTabSwitch(event) {   
        let target = jQuery('#tabid).data('ejTab');   
Karthikeyan V. 


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