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

Indexing Issue Tabs not change, page does.

1 Answer 38 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Stephan
Top achievements
Rank 1
Stephan asked on 17 Jan 2012, 09:17 PM
I have set up my tabcontrol, but when it runs it never moves off of the first one.  I think it has something to do with the
selectedindex="0", but the builder didn't put anything in for that.  I tried the Javascript I found on here but that just generates
an error that Microsoft JScript runtime error: Unable to get value of the property 'get_element': object is null or undefined
<telerik:RadScriptManager ID="RadScriptManager1" Runat="server">
</telerik:RadScriptManager>
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0"
    ontabclick="RadTabStrip1_TabClick" Skin="Black">
    <Tabs>
        <telerik:RadTab runat="server" NavigateUrl="~/Default.aspx"
            Selected="True" Text="Home">
            <Tabs>
                <telerik:RadTab runat="server" NavigateUrl="~/Careers.aspx"
                    Text="Careers">
                </telerik:RadTab>
                <telerik:RadTab runat="server" NavigateUrl="~/ContactUs.aspx" 
                    Text="ContactUs">
                </telerik:RadTab>
                <telerik:RadTab runat="server" NavigateUrl="~/About.aspx" 
                    Text="About Us">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTab>
        <telerik:RadTab runat="server" NavigateUrl="~/Service.aspx"
             Text="Services">
            <Tabs>
                <telerik:RadTab runat="server" NavigateUrl="~/GetAQuote.aspx" 
                    Text="Get A Quote">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTab>
        <telerik:RadTab runat="server" NavigateUrl="~/Products.aspx"
             Text="Products">
            <Tabs>
                <telerik:RadTab runat="server" NavigateUrl="~/pads.aspx"  Text="Pads">
                </telerik:RadTab>
                <telerik:RadTab runat="server" NavigateUrl="~/holiday1.aspx" 
                    Text="Holiday Cards">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTab>
        <telerik:RadTab runat="server" NavigateUrl="~/Resources.aspx"
             Text="Resources">
        </telerik:RadTab>
        <telerik:RadTab runat="server" NavigateUrl="~/Uploadafile.aspx"
             Text="Up Load A File">
        </telerik:RadTab>
        <telerik:RadTab runat="server" BackColor="Transparent" Font-Bold="True"
            ForeColor="Red" Text="On-line Specials" NavigateUrl="~/Specials.aspx">
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>
<script type="text/javascript">
    function pageLoad() {
        var tabstrip = $find("RadTab");
        $telerik.$("a", tabstrip.get_element()).bind("focus", function () {
            var index = $telerik.$("a", tabstrip.get_element()).index(this);
            tabstrip.get_tabs().getTab(index).set_selected(true);
        });
    }
</script>

1 Answer, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 20 Jan 2012, 12:29 PM
Hi Stephan,

Pleas refer to the forum post below:
http://www.telerik.com/community/forums/aspnet-ajax/tabstrip/indexing-issue-tabs-not-change-page-does.aspx

All the best,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Tags
TabStrip
Asked by
Stephan
Top achievements
Rank 1
Answers by
Kate
Telerik team
Share this question
or