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 hide Tbs Header

Thread ID:

Created:

Updated:

Platform:

Replies:

151074 Jan 30,2020 07:04 AM UTC Feb 6,2020 09:56 AM UTC Blazor 4
loading
Tags: Tabs
ebi torabi
Asked On January 30, 2020 07:04 AM UTC

Hi.How to hide Tbs Header

Alagumeena Kalaiselvan [Syncfusion]
Replied On 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 


ebi torabi
Replied On February 1, 2020 06:28 AM UTC

Hi Alagumeena.K .Thank you very much. 

Alagumeena Kalaiselvan [Syncfusion]
Replied On February 3, 2020 10:19 AM UTC

Hi Ebi, 

You are most welcome! 

Regards 
Alagumeena.K 


Alagumeena Kalaiselvan [Syncfusion]
Replied On 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 


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