This is a migrated thread and some comments may be shown as answers.

Tabs are not switching in the tabstrip

0 Answers 25 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Hilda
Top achievements
Rank 1
Hilda asked on 02 Feb 2011, 01:06 PM
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
Tags
TabStrip
Asked by
Hilda
Top achievements
Rank 1
Share this question
or