Hi Guys,
I am using AJAX toolkit Q2 2013 version of Telerik AJAX controls. I am using RadTabStrip control and I am facing problem of Tab selection. My scenario is give below:
I've 5 Tabs of RadTabStrip control on my page and this tab strip control is associate with RadMultipage control. In RadMultipage control every page view is a separate .aspx control and there is next button control in my page (Next button is the part of aspx page in RadPageView). By clicking on this next button I want to select next tab and also show it as a selected.
I am using AJAX toolkit Q2 2013 version of Telerik AJAX controls. I am using RadTabStrip control and I am facing problem of Tab selection. My scenario is give below:
I've 5 Tabs of RadTabStrip control on my page and this tab strip control is associate with RadMultipage control. In RadMultipage control every page view is a separate .aspx control and there is next button control in my page (Next button is the part of aspx page in RadPageView). By clicking on this next button I want to select next tab and also show it as a selected.
<telerik:RadTabStrip ID="RadTabStrip1" SelectedIndex="0" Width="100%" Height="100%" runat="server" MultiPageID="RadMultiPage1" CssClass="RadTabStrip_Default" Skin="Default" EnableEmbeddedSkins="false" >
<Tabs>
<tab>Tab1</Tab>
.
.
.
.
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" OnPageViewCreated="RadMultiPage1_PageViewCreated" CssClass="multiPage">
<telerik:RadPageView runat="server" ContentUrl="Page.aspx"> </telerik:RadPageView>
.
.
.
</telerik:RadMultiPage>
Can anyone guide my that how I can achieve this??? Thanks in advance.
Regards,
2 Answers, 1 is accepted
0
Hello Zeeshan,
Since you are using the ContentUrl property of the RadTabStrip to load the corresponding pages, they are loaded into an Iframe. This is the reason why, you could not access the RadTabStrip from the Nested Page. I would suggest you to place the Navigation Button in the Main Page, where the RadTabStrip is located. Thus you could easily navigate to the next Tab.
Regards,
Nencho
Telerik
Since you are using the ContentUrl property of the RadTabStrip to load the corresponding pages, they are loaded into an Iframe. This is the reason why, you could not access the RadTabStrip from the Nested Page. I would suggest you to place the Navigation Button in the Main Page, where the RadTabStrip is located. Thus you could easily navigate to the next Tab.
Regards,
Nencho
Telerik
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 the blog feed now.
0
Hello Zeeshan,
Another possible approach is to expose the RadTabStrip with a javascript method and access it from the child pages. You could implement the logic for navigating through tabs in the aforementioned method. I have prepared a sample for you, implementing the above suggestion. Please find it attached
Regards,
Nencho
Telerik
Another possible approach is to expose the RadTabStrip with a javascript method and access it from the child pages. You could implement the logic for navigating through tabs in the aforementioned method. I have prepared a sample for you, implementing the above suggestion. Please find it attached
Regards,
Nencho
Telerik
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 the blog feed now.