asp:Wizard vs. RadTabStrip

[GISWebDev]

Currently have a asp:Wizard control performing fine when wrapped in an asp:Panel, however, once wrapped in a RadAjaxPanel it errors out.  The UI design requires that the DisplaySideBar="false" so we are not interested in showing tabs, as former posts refer to using the Telerik Wizard demo sample.

Can anyone point out an item we may be overlooking?

The asp:Wizard sits inside a RadAjaxPanel in a WebUserControl.ascx.  This WebUserControl.ascx is then part of a webform which sits inside a masterpage.  Remember, when wrapped in an asp:Panel the page works just fine.

Below is the stubbed out templates for the asp:Wizard control inside the .ascx file:

<div>
     <telerik:RadAjaxPanel ID="panelwInterview" CssClass="panelsASP" Wrap="False" runat="server" Height="350px" Width="100%">
        <ol>
<asp:Wizard ID="WizardInterview" runat="server" Height="100%"
            Width="100%" ActiveStepIndex="0" BorderStyle="None">
    <HeaderTemplate>
        <li>
            <asp:ValidationSummary ID="ValidationSummaryInterview" runat="server" BorderStyle="None" DisplayMode="SingleParagraph"
                HeaderText="Please correct the following:" ShowMessageBox="True" />
        </li>
    </HeaderTemplate>
    <StartNavigationTemplate>
        <telerik:RadButton ID="StepNextButton" runat="server" CommandName="MoveNext" Text="Next Question" CausesValidation="False">
        </telerik:RadButton>
    </StartNavigationTemplate>
    <StepNavigationTemplate>
        <telerik:RadButton ID="StepPreviousButton" runat="server" CausesValidation="False"
                           CommandName="MovePrevious" Text="Previous Question">
        </telerik:RadButton>
        <telerik:RadButton ID="StepNextButton" runat="server" CommandName="MoveNext" Text="Next Question">
        </telerik:RadButton>
    </StepNavigationTemplate>
    <FinishNavigationTemplate>
        <telerik:RadButton ID="FinishPreviousButton" CausesValidation="False"
                           CommandName="MovePrevious" Text="Previous" runat="server">
        </telerik:RadButton>
        <telerik:RadButton ID="FinishButton" CommandName="MoveComplete"
                           Text="Finish" runat="server">
        </telerik:RadButton>
    </FinishNavigationTemplate>
    <WizardSteps>...

Much Thanks.

[Cori]

Hello Ripsin,

Does you wizard control affect any other controls on the page that aren't contained in the RadAjaxPanel? Or does it try to upload or output files? Those are pretty much the only things I can think of that would cause it display errors.

[Kate]

Hi Ripsin,

I inspected the problen in the scenario that you describe and it seems that issue comes from the RadButton. However, we will need more time to inspect it thoroughly and we will write you as soon as we come up with a suitable solution.

All the best,
Kate
the Telerik team

[Marin]

Hello Ripsin,

We investigated the issue and it turns out that this particular scenario is not supported by RadAjaxPanel (and RadAjaxManager).
The error occurs when you have a RadAjax Control (e.g. RadButton) inside a Wizard control, that is inside a RadAjaxPanel. This happens because when you change between different steps in the wizards control the RadControl in the template for the previous step has already been registered by the script manager and it tries to create its client object on PreRender event, but the wizard step has already changed hence the RadControl cannot be found and an error is raised.
One possible workaround is to use the standard ASP.NET Update panel.

Regards,
Marin
the Telerik team