How to hide Tbs Header

[ebi torabi]

Hi.How to hide Tbs Header

[Alagumeena Kalaiselvan]

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 

https://www.syncfusion.com/feedback/10747/provide-api-to-show-hide-tab-item  

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

Regards 

Alagumeena.K 

[ebi torabi]

Hi Alagumeena.K .Thank you very much. 

[Alagumeena Kalaiselvan]

Hi Ebi, 

You are most welcome! 

Regards 

Alagumeena.K 

[Alagumeena Kalaiselvan]

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 

https://ej2.syncfusion.com/blazor/documentation/release-notes/17.4.47/#tab 

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