TAB item cannot convert from 'object'

Hi

@using Syncfusion.EJ2.Blazor.Navigations

 <EjsTab ID="patientTab">
                                      <TabItems>
                                          <TabItem Header="@patient_tab_headerl1" Content="#content1"></TabItem>
                                          <TabItem Header="@patient_tab_headerl2" Content="#content2"></TabItem>
                                      </TabItems>
                                  </EjsTab>

@code
{
    public object patient_tab_headerl1 = new { text = "Search" };
    public object patient_tab_headerl2 = new { text = "New Patient" };
 

}

throws error

Severity Code Description Project File Line Suppression State
Error CS1503 Argument 1: cannot convert from 'object' to 'Syncfusion.EJ2.Blazor.Navigations.TabHeader'

Regards
Vijay





1 Reply

HB Hareesh Balasubramanian Syncfusion Team July 3, 2019 11:31 AM UTC

Hi Vijay, 

Greetings from Syncfusion Support. 

Type definition for the Tab header is wrong which is the cause for issue. Please use the below snippet for declaring the header & content and for the same we have prepared the below sample for your reference. https://www.syncfusion.com/downloads/support/forum/145673/ze/Sample629396326 

<EjsTab ID="defaultTab"> 
    <TabItems> 
        <TabItem Header="@Header1" Content="@Content1"></TabItem> 
        <TabItem Header="@Header2" Content="@Content2"></TabItem> 
        <TabItem Header="@Header3" Content="@Content3"></TabItem> 
    </TabItems> 
</EjsTab> 
 
@functions{ 
 
    public TabHeader Header1 = new TabHeader() { Text = "Twitter" }; 
    public TabHeader Header2 = new TabHeader() { Text = "Facebook" }; 
    public TabHeader Header3 = new TabHeader() { Text = "Whatsapp" }; 
 
    public string Content1 = "Twitter is an online social networking service that enables users to send and read short 140-character" + 
                "messages called tweets.Registered users can read and post tweets, but those who are unregistered can only read" + 
                "them.Users access Twitter through the website interface, SMS or mobile device app Twitter Inc. is based in San" + 
                "Francisco and has more than 25 offices around the world.Twitter was created in March 2006 by Jack Dorsey," + 
                "Evan Williams, Biz Stone, and Noah Glass and launched in July 2006. The service rapidly gained worldwide popularity," + 
                "with more than 100 million users posting 340 million tweets a day in 2012.The service also handled 1.6 billion" + 
                "search queries per day."; 
    public string Content2 = "Facebook is an online social networking service headquartered in Menlo Park, California. Its website was" + 
                "launched on February 4, 2004, by Mark Zuckerberg with his Harvard College roommates and fellow students Eduardo" + 
                "Saverin, Andrew McCollum, Dustin Moskovitz and Chris Hughes.The founders had initially limited the websites" + 
                "membership to Harvard students, but later expanded it to colleges in the Boston area, the Ivy League, and Stanford" + 
                "University.It gradually added support for students at various other universities and later to high - school students."; 
    public string Content3 = "WhatsApp Messenger is a proprietary cross-platform instant messaging client for smartphones that operates" + 
                "under 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. As of February 2016, WhatsApp had a user" + 
                "base of up to one billion,[10] making it the most globally popular messaging application.WhatsApp Inc., based in" + 
                "Mountain View, California, was acquired by Facebook Inc.on February 19, 2014, for approximately US$19.3 billion."; 
} 


Regards, 
Hareesh B 


Loader.
Up arrow icon