Hide tab bar

[Me]

Hello,

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

[Karthikeyan Viswanathan]

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]

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]

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.