Tab Selection not Change by click

[sadeghhp]

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>

[Shinu]

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.

[sadeghhp]

hi
tanx for reply
its work but all of page falshed like refresh! i want to navigate smoothly beetwin tabs

[Paul]

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.