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

Tab Selection not Change by click

3 Answers 92 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
sadeghhp
Top achievements
Rank 1
sadeghhp asked on 06 Feb 2009, 08:04 AM
hi
in tabstrip by autopostback and clickedtab enabled
when i use radajaxmanager , tab selected not change on click :

    <form id="form1" runat="server">  
    <telerik:RadScriptManager ID="RadScriptManager1" Runat="server">  
    </telerik:RadScriptManager> 
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"   
        DefaultLoadingPanelID="RadAjaxLoadingPanel1">  
        <AjaxSettings> 
            <telerik:AjaxSetting AjaxControlID="RadTabStrip1">  
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
        </AjaxSettings> 
    </telerik:RadAjaxManager> 
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"   
        height="75px" width="75px">  
        <img alt="Loading..."   
            src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'   
            style="border:0px;" /> 
    </telerik:RadAjaxLoadingPanel> 
    <telerik:RadTabStrip ID="RadTabStrip1" runat="server"   
        MultiPageID="RadMultiPage1" AutoPostBack="True" ClickSelectedTab="True">  
        <Tabs> 
            <telerik:RadTab runat="server" Text="Root RadTab1">  
            </telerik:RadTab> 
            <telerik:RadTab runat="server" Text="Root RadTab2">  
            </telerik:RadTab> 
        </Tabs> 
    </telerik:RadTabStrip> 
    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" Width="60%">  
        <telerik:RadPageView ID="RadPageView1" runat="server">  
            <telerik:RadColorPicker ID="RadColorPicker1" Runat="server" Preset="Standard">  
            </telerik:RadColorPicker> 
        </telerik:RadPageView> 
        <telerik:RadPageView ID="RadPageView2" runat="server">  
            <telerik:RadCalendar ID="RadCalendar1" Runat="server"   
                font-names="Arial, Verdana, Tahoma" forecolor="Black"   
                style="border-color:#ececec">  
            </telerik:RadCalendar> 
        </telerik:RadPageView> 
    </telerik:RadMultiPage> 
    </form> 
 

3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 06 Feb 2009, 10:44 AM
Hi sadeghhp ,

Modify the AjaxManager setting as shown below and let me know whether it works.


<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"   
        DefaultLoadingPanelID="RadAjaxLoadingPanel1">  
        <AjaxSettings> 
            <telerik:AjaxSetting AjaxControlID="RadTabStrip1">  
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" /> 
                           <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
        </AjaxSettings> 
    </telerik:RadAjaxManager> 

-Shinu.
0
sadeghhp
Top achievements
Rank 1
answered on 07 Feb 2009, 05:39 AM
hi
tanx for reply
its work but all of page falshed like refresh! i want to navigate smoothly beetwin tabs
0
Paul
Telerik team
answered on 09 Feb 2009, 09:21 AM
Hi sadeghhp,

Here's you modified code snippet that works as expected.

<form id="form1" runat="server"
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"
    </telerik:RadScriptManager> 
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
        <AjaxSettings> 
            <telerik:AjaxSetting AjaxControlID="RadTabStrip1"
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" /> 
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
        </AjaxSettings> 
    </telerik:RadAjaxManager> 
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" Width="75px"
        <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border: 0px;" /> 
    </telerik:RadAjaxLoadingPanel> 
    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" AutoPostBack="True" ClickSelectedTab="True"
        <Tabs> 
            <telerik:RadTab runat="server" Text="Root RadTab1"
            </telerik:RadTab> 
            <telerik:RadTab runat="server" Text="Root RadTab2"
            </telerik:RadTab> 
        </Tabs> 
    </telerik:RadTabStrip> 
    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" Width="60%"
        <telerik:RadPageView ID="RadPageView1" runat="server"
            <telerik:RadColorPicker ID="RadColorPicker1" runat="server" Preset="Standard"
            </telerik:RadColorPicker> 
        </telerik:RadPageView> 
        <telerik:RadPageView ID="RadPageView2" runat="server"
            <telerik:RadCalendar ID="RadCalendar1" runat="server" Font-Names="Arial, Verdana, Tahoma" ForeColor="Black" Style="border-color: #ececec"
            </telerik:RadCalendar> 
        </telerik:RadPageView> 
    </telerik:RadMultiPage> 
</form> 


All the best,
Paul
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
TabStrip
Asked by
sadeghhp
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
sadeghhp
Top achievements
Rank 1
Paul
Telerik team
Share this question
or