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. Image for the cookie policy date

How to hide Tbs Header

Hi.How to hide Tbs Header

4 Replies

AK Alagumeena Kalaiselvan Syncfusion Team January 31, 2020 12:34 PM UTC

Hi Ebi, 

Thanks for contacting Syncfusion Support! 

Currently is it not feasible to hide tabs header and already we  have considered this requirement as feature request “Provide API to show or hide tab items” which will be included in our bi-weekly patch release held on mid of Feb, 2020. You can track this feature status by the following link 


We will notify you, if once the feature request has been implemented. We would appreciate your patience until then. 

Regards 
Alagumeena.K 



ET ebi torabi February 1, 2020 06:28 AM UTC

Hi Alagumeena.K .Thank you very much. 


AK Alagumeena Kalaiselvan Syncfusion Team February 3, 2020 10:19 AM UTC

Hi Ebi, 

You are most welcome! 

Regards 
Alagumeena.K 



AK Alagumeena Kalaiselvan Syncfusion Team February 6, 2020 09:56 AM UTC

Hi Ebi, 

We are glad to inform that your feature request “Provide API to show/hide Tab item” has been implemented and included in our latest release version V17.4.47. Refer below release notes for that 

Also, we have prepared a sample based on your requirement and refer the below code 

@using Syncfusion.EJ2.Blazor.Navigations 
 
<button @onclick="OnButtonClick">Show/Hide</button> 
 
<EjsTab> 
    <TabItems> 
        <TabItem Visible="@IsVisible" Content="Twitter is an online social networking service that enables users to send and read short 140-charactermessages called tweets.Registered users can read and post tweets, but those who are unregistered can only read them."> 
            <ChildContent> 
                <TabHeader Text="Twitter"></TabHeader> 
            </ChildContent> 
        </TabItem> 
        <TabItem Content="Facebook is an online social networking service headquartered in Menlo Park, California. Its website waslaunched on February 4, 2004, by Mark Zuckerberg with his Harvard College roommates and fellow students EduardoSaverin, Andrew McCollum, Dustin Moskovitz and Chris Hughes."> 
            <ChildContent> 
                <TabHeader Text="Facebook"></TabHeader> 
            </ChildContent> 
        </TabItem> 
        <TabItem Content="WhatsApp Messenger is a proprietary cross-platform instant messaging client for smartphones that operatesunder a subscription business model.It uses the Internet to send text messages, images, video, user location and audio media messages to other users using standard cellular mobile numbers."> 
            <ChildContent> 
                <TabHeader Text="Whatsapp"></TabHeader> 
            </ChildContent> 
        </TabItem> 
    </TabItems> 
</EjsTab> 
 
@code { 
   bool IsVisible = false; 
   private void OnButtonClick() 
   { 
      IsVisible = !IsVisible; 
   } 
} 

 

  • In above sample, the show/hide customization of tab items handled by “Visible” property and you can show/hide the tab item by clicking the “Show/Hide” button .

Kindly get back to us, If you need further assistance. 

Regards 
Alagumeena.K 


Loader.
Live Chat Icon For mobile
Up arrow icon