[Solved] Tabs are not switching in the tabstrip

[Hilda]

Hi,

I am using Telerik Mvc Extentions version v.2010.2.825.235 in Visual Studio 2010. I am using Tabstrip in my View which looks as follows:

<% Html.Telerik().TabStrip()
       .Name("TabStrip")

       .Items(tabstrip =>
       {
           tabstrip.Add()
               .Text("Tab1")
               .Encoded(false)
               .Content(() =>
               {
                   %> Tab 1 <%

               });
           tabstrip.Add()
               .Text("Tab2")
               .Content(() =>
                     {
                         %> Tab 2 <%

                     });
           tabstrip.Add()
               .Text("Tab3").Encoded(false)
               .Content(() =>
               {
                   %> Tab 3 <%
               });

       .SelectedIndex(0)
       .ClientEvents(events => events
       .OnLoad(() =>
       {
           %>
            function(e) {
                $('TabStrip').prepend('<input type="submit" value="Save" style="float: right;" title="Save" />');

            }
           <%
       }))
       .HtmlAttributes(new { @class = "MyClass" })
       .Render();
        %>

I have 2 problems:

1. I am not able to switch tabs, instead my url looks like as follows when I change tab to 2nd tab

http://localhost:portno/<controller>/<action>#TabStrip-2

for 3rd

http://localhost:portno/<controller>/<action>#TabStrip-3

2. Save button is appearing in the bottom right rather than in the right corner of the tabstrip as expected.

Please Help.

Thanks & Regards,
Hilda Fabiola Bernard