Render tab in area

[Bernard Jurlina]

I'm using areas in my project, so I want to use tab control in one of the views which is in one area. 

And, I want to render it with html, like this:

Like in this example in the documentation

But it won't render. Like I'm missing link to css style.

This is my output:

The red box has to be tab control.

Thanks!

B.

[Arun Palaniyandi]

Hi Bernard Jurlina, 

Thanks for contacting Syncfusion support. 

We have validated your reported issue using your shared codes and screenshots. We suspect that you may missed to include CSS and Script file reference from layout page of your Areas. You know that every Areas act like a separate project. So, we must refer scripts and CSS from the shared folder with references in layout.cshtml too to render our components. Also, we need to initialize the Tab component in the script section after rendered HTML elements like below.  

<script> 

   

//Initialize Tab component 

  var tabObj = new ej.navigations.Tab() 

   tabObj.appendTo('#tab_html_markup'); 

  </script> 

Please find the below UG help link for more reference. 

https://ej2.syncfusion.com/aspnetcore/documentation/tab/getting-started-asp-core#initialize-the-tab-using-html-elements 

Also please find the below getting started link to refer the CSS in the layout page. 

https://ej2.syncfusion.com/aspnetcore/documentation/getting-started/visual-studio-2017#configure-essential-js-2-in-the-application 

If you face the issue still even referred the CSS and scripts properly, kindly get back to us with details to reproduce the issue in our end, that will help to address your issues quickly. 

Regards, 

Arun P. 

[Bernard Jurlina]

Thanks Arun,

initializing the tab in <script></script> do the job.

Regards,

Bernard.

[Christopher Issac Sunder K]

Hi Bernard, 

We are glad to hear that the issue has been resolved at your end. Please let us know if you need any further assistance. 

Thanks,
Christo