Editor not showing within tabstrip

[Mike]

Has anyone successfully placed the RadEitor within a TabStrip control. ? The Radeditor is always displayed outside of the tabstrip at the top of the form (see attached image).

//sample code
@(Html.Kendo().TabStrip()
    .Name("configuration")
    .SelectedIndex(0)
    .Items(tabstrip =>
     {
     tabstrip.Add()
         .Text("General Settings")
         .Content(@<text>
                   @Html.LabelFor(model => model.Appcutoffdate)    
                   @Html.EditorFor(model => model.Appcutoffdate)           
               </text>);
     tabstrip.Add()
        .Text("Email")        
        .Content(@<text>
                   @{ Html.Kendo().EditorFor(model => model.EmailAcceptBody)
                      .Name("EmailAcceptBody")
                      .Encode(false)
                      .Render();                                                                              
                      }            
               </text>);
     })
)

Thanks
Mike

[Dimiter Madjarov]

Hello Mike,


To achieve this you should initialize the TabStrip in a code block too and call it's Render() method.
E.g.

@{Html.Kendo().TabStrip()
    .Name("configuration")
    .SelectedIndex(0)
    .Items(tabstrip =>
     {
         tabstrip.Add()
             .Text("General Settings")
             .Content(@<text>
                   ...
               </text>);
         tabstrip.Add()
            .Text("Email")
            .Content(@<text>
                   @{ Html.Kendo().Editor()
                      .Name("EmailAcceptBody")
                      .Encode(false)
                      .Render();
                      }
               </text>);
     })
     .Render();
}

I wish you a great day!

 

Regards,
Dimiter Madjarov
Telerik

[Mike]

Thanks Dimiter - that did the trick !

Regards
Mike