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.
Unfortunately, activation email could not send to your email. Please try again.

Hide tab bar

Thread ID:

Created:

Updated:

Platform:

Replies:

129391 Mar 15,2017 10:25 AM Mar 17,2017 02:35 AM Angular 3
loading
Tags: ejTab
Me
Asked On March 15, 2017 10:25 AM

Hello,

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

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

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.   
  
Regards,   
Karthikeyan V. 


Me
Replied On March 16, 2017 08:48 AM

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 02:35 AM

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:   
   
<code>   
<style>   
.tabcssclass.e-tab .e-header{   
        display:none;   
      }   
   
</style>   
   
</code>   
   
To switch a tab item, you can use the public method of showItem. Please refer to the below code example:   
<code>   
onTabSwitch(event) {   
        let target = jQuery('#tabid).data('ejTab');   
       target.showItem(1);   
    }   
</code>   
   
   
   
Regards,   
Karthikeyan V. 
 


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.

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.

;