[Solved] Partial view inside of tab

[TestSubject8]

I'm trying to get a partial view inside of a tab and I am having some difficulty with the syntax I've tried a number of different ways here is my last attempt(vbhtml) I found from another forum post although that one was in cshtml:

Html.Telerik().TabStrip() _
        .Name("TabStrip") _
        .Items(Function(tabStrip) _
                   tabStrip.Add() _
                    .Text("Contacts") _
                    .Content(@<text>@Html.RenderPartial("~/Views/Home/Index.vbhtml")</text>) _
                .SelectedIndex(0) _
                .Render()

Any advice would be very much appreciated.

[Damien]

Try

 .Content(@Html.Partial("[PartialViewName]").ToHtmlString())

[TestSubject8]

just needed to remove the @ in front of html.partial and was good to go!  Thank you for you help!

[Dhawal]

I'm running into issues when the PartialView has javascript. Any text in the partial view is display, but the script on the partial view is not getting executed.

This is how i load my tab:

tabstrip.Add()

.Text(

 

"Reports Tab")

 

.LoadContentFrom(

 

"AjaxView_LoadReport", "Reports");


On the server-side, I have the following code:

 

public

 

 

ActionResult AjaxView_LoadReport()

 

{

 

 

return PartialView("Partials/Report", myModel);

 

}


The partial view looks as follows:

 

<%

 

@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>

 

 

 

<p>Hello World</p>

 

<

 

 

div id="chart" style="width:100%;height:100%"></div>

 

<

 

 

script type="text/javascript" src="https://www.google.com/jsapi"></script>

 

<

 

 

script type="text/javascript">

 

 

 

 

google.load("visualization", "1", { packages: ["corechart"] });

 

google.setOnLoadCallback(drawChart);

 

 

function drawChart() {

 

 

 

var data = new google.visualization.DataTable();

 

data.addColumn(

 

'string', 'Category');

 

data.addColumn(

 

'number', 'Count');
data.addRow(['Row1', 100]);
data.addRow(['Row2', 200]);

 

 

 

var chart = new google.visualization.PieChart(document.getElementById('chart'));

 

chart.draw(data, { width: 450, height: 300, title:

 

'Demo Chart', backgroundColor: '#4F4F4F',

 

colors: [

 

'#b99c56', '#75a4b1', '#887766'], titleTextStyle: { color: '#A6C633' },

 

legendTextStyle: { color:

 

'white' }

 

});

}

 

 

</

 

 

script>


The 'Hello World' text is displayed but the google chart is not displayed.