title: Kendo Tabstrip with dynamic content in a Partial View
body: <p>I am new to ASP.NET MVC. I am facing one or other issues to design the layout for below scenario. Could you someone help me with a solution and I will definitely appreciate your help.</p>
  
  <p>The requirement is:</p>
  
  <p>This is an existing application. While loading view there is a Master View and inside few partial views already defined.</p>
  
  <p>In one of the Partial view, I need to have a same layout multiple times on demand. It is depends on the user how many required. may be 1 or 2 or more. We are using Telerik Kendo controls extensively in our UI and in existing View we strongly typed Model object with View.</p>
  
  <p>I would like to go with Kendo Tabstrips control and add Tab dynamically when required by the user. Also, the layout is exactly same, So, would like to design (Html table with many controls like textbox, dropdown etc.) each tab layout as Partial View so that I can reuse the design. Please let me know whether this approach is best or any better approach is available.</p>
  
  <p>I need to get the entire data when the user Submit the master view . Each main partial View contains  and the parent of the Tabstrips Partial view also contains a  but not defined  for each tabstrip partial view as I need data as collection of objects in one of the property in Parent Partial View Model Object.</p>
  
  <p>Can you please let me know how to design model object for each tabs(Partial View) as well as Parent Partial View. it could be good, if you could show a small example code.</p>
  
  <p>The below are the issues faced during designing this</p>
  
  <ol>
  <li>Unable to add  inside another as getting below error</li>
  </ol>
  
  <p>Inline markup blocks (@<p>Content</p>) cannot be nested.  Only one level of inline markup is allowed. </p>
  
  <pre><code>@(Html.Kendo().PanelBar().Name("panelBar_" + panelName).Items(pb =&gt;    pb.Add().Text("PCG").Expanded(Expanded).Selected(true)
  .Content(@&lt;text&gt;
  &lt;form id="frm_@(panelName)" onsubmit="DisableEvent(event)"&gt;
  &lt;div style="width:100%; height:auto;"&gt;
      &lt;button class="k-button"&gt;Add new PCG&lt;/button&gt;
      @(Html.Kendo().TabStrip()
      .Name("TabPCG").HtmlAttributes(new { style = "width:100%;" })
     .Items(items =&gt;
     {
         items.Add()
             .Text("PCG 1 &lt;button data-type='remove' class='k-button k-button-icon' onclick='deleteMe(this)'&gt;&lt;span class='k-icon k-i-close'&gt;&lt;/span&gt;&lt;/button&gt;")
             .Encoded(false)
             .Selected(true)
             .HtmlAttributes(new { style = "width:12%", id = "tabPCG1" })
             //.LoadContentFrom("_PCGTab", "Home", new { tabId ="tab1"});
             .Content(@&lt;text&gt;@(Html.Partial("_PCGTab"))&lt;/text&gt;);
     })
      )
  &lt;/div&gt;
  &lt;/form&gt;
  &lt;/text&gt;)))
  </code></pre>
  
  <p>2.Then Changed the design as shown below. defined partial view in Parent View</p>
  
  <pre><code>@helper RenderPCGTab()
  {
  
  &lt;div style="width:100%; height:auto;"&gt;
      &lt;button class="k-button"&gt;Add new PCG&lt;/button&gt;
      @(Html.Kendo().TabStrip()
      .Name("TabPCG").HtmlAttributes(new { style = "width:100%;" })
     .Items(items =&gt;
     {
         items.Add()
             .Text("PCG 1 &lt;button data-type='remove' class='k-button k-button-icon' onclick='deleteMe(this)'&gt;&lt;span class='k-icon k-i-close'&gt;&lt;/span&gt;&lt;/button&gt;")
             .Encoded(false)
             .Selected(true)
             .HtmlAttributes(new { style = "width:12%", id = "tabPCG1" })
             //.LoadContentFrom("_PCGTab", "Home", new { tabId ="tab1"});
             .Content(@&lt;text&gt;@(Html.Partial("_PCGTab"))&lt;/text&gt;);
     })
      )
  &lt;/div&gt;
  </code></pre>
  
  <p>}</p>
  
  <p>and designed Kendo panel as shown below the Parent Partial View</p>
  
  <pre><code>@(Html.Kendo().PanelBar().Name("panelBar_" + panelName).Items(pb =&gt; pb.Add().Text("PCG").Expanded(Expanded).Selected(true)
  .Content(@&lt;text&gt;
   &lt;form id="frm_@(panelName)" onsubmit="DisableEvent(event)"&gt;
   @RenderPCGTab()
  &lt;/form&gt;
  &lt;/text&gt;)))
  </code></pre>