Tab Selection not Change by click

4 posts, 0 answers
  1. sadeghhp
    sadeghhp avatar
    15 posts
    Member since:
    Feb 2007

    Posted 06 Feb 2009 Link to this post

    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> 
     
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 06 Feb 2009 Link to this post

    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.
  3. sadeghhp
    sadeghhp avatar
    15 posts
    Member since:
    Feb 2007

    Posted 06 Feb 2009 Link to this post

    hi
    tanx for reply
    its work but all of page falshed like refresh! i want to navigate smoothly beetwin tabs
  4. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 09 Feb 2009 Link to this post

    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.
Back to Top