RadListBox selection is not working in RadPageView.

[Basharat]

Hi 

I have placed a RadTabStrip on my page and linked to RadMultiPage. One of the RadPageView contains a usercontrol which contains some RadListBox controls.

When I place the user control in directly in the RadAjaxPanel the selection of RadListBox items work fine. but when placed inside the RadPageView it doesnt.

I am using Telerik for ASP.NET AJAX Q3 2011.
any urgent help will be appreciated.

code on my page is as follows:

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" CssClass="example-panel">
        <table id="tbl" cellpadding="10" cellspacing="0" width="100%">
            <tr>
                <td style="width: 100px;">
                    Select Report :
                </td>
                <td>
                    <telerik:RadComboBox ID="RadComboBox1" AutoPostBack="true" OnSelectedIndexChanged="RadDropDown1_SelectedIndexChanged" EmptyMessage="Select Report.." runat="server">
                    </telerik:RadComboBox>

                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <telerik:RadTabStrip ID="RadTabStripReport" runat="server" SelectedIndex="0" ShowBaseLine="False"
                        MultiPageID="RadMultiPageReport" Width="99%" EnableEmbeddedBaseStylesheet="false"
                        EnableEmbeddedSkins="false" Skin="StakeTab" Orientation="HorizontalTop" CssClass="Cloud-Tabs">
                        <Tabs>
                            <telerik:RadTab runat="server" Text="Criteria" Value="Criteria" PageViewID="RadPageViewCriteria">
                            </telerik:RadTab>
                            <telerik:RadTab runat="server" Text="View Report" Value="View Report" PageViewID="RadPageViewReport">
                            </telerik:RadTab>
                        </Tabs>
                    </telerik:RadTabStrip>
                    <div class="dvClear">
                    </div>
                    <div style="width: 100%; border: 1px solid #d2d2d2;">
                        <telerik:RadMultiPage ID="RadMultiPageReport" runat="server" SelectedIndex="0" Width="100%">
                            <telerik:RadPageView ID="RadPageViewCriteria" runat="server">

        <uc1:RptConsultationLogCriteria ID="RptConsultationLogCriteriaUC"  runat="server" />

                            </telerik:RadPageView>
                            <telerik:RadPageView ID="RadPageViewReport" runat="server">

                            </telerik:RadPageView>
                        </telerik:RadMultiPage>
                    </div>
                </td>
            </tr>
        </table>
 </telerik:RadAjaxPanel>

And code in user control is as follows:

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" CssClass="example-panel">
    <div class="containerPanel">
        <table width="100%">
            <tr>
                <td>
                    <strong>Start Date:</strong>
                    <telerik:RadDatePicker ID="RadDatePicker1" runat="server">
                    </telerik:RadDatePicker>
                </td>
                <td>
                    <strong>End Date: </strong>
                    <telerik:RadDatePicker ID="RadDatePicker2" runat="server">
                    </telerik:RadDatePicker>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <hr />
                </td>
            </tr>
            <tr>
                <td>
                    <strong>Search and select project:</strong>
                </td>
                <td>
                    <strong>Search and select Stakeholder:</strong>
                </td>
            </tr>
            <tr>
                <td>
                    Type to search Project:<br />
                    <asp:TextBox ID="TextBox12" runat="server"></asp:TextBox><asp:Button ID="Button1"
                        runat="server" Text="Search" /><br />
                    <telerik:RadListBox ID="RadListBoxProjects" CssClass="RadListBox1" AutoPostBack="true" SelectionMode="Single" runat="server"
                        Width="250px" Height="200px" >

                    </telerik:RadListBox>
                </td>
                <td>
                    Type to search Stakeholder:<br />
                    <asp:TextBox ID="TextBox14" runat="server"></asp:TextBox><asp:Button ID="Button3"
                        runat="server" Text="Search" /><br />
                    <telerik:RadListBox ID="RadListBoxStakeholder" CssClass="RadListBox1" runat="server"
                        Width="250px" Height="200px" SelectionMode="Multiple">
                        <Items>
                            <telerik:RadListBoxItem Text="Jim" Value=""></telerik:RadListBoxItem>
                            <telerik:RadListBoxItem Text="Peter" Value=""></telerik:RadListBoxItem>
                            <telerik:RadListBoxItem Text="Xyz" Value=""></telerik:RadListBoxItem>
                            <telerik:RadListBoxItem Text="Abc" Value=""></telerik:RadListBoxItem>
                        </Items>
                    </telerik:RadListBox>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <hr />
                </td>
            </tr>
            <tr>
                <td>
                    <strong>Fields to include in Report:</strong>
                </td>
                <td>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <table>
                        <tr>
                            <td>
                                Fields available:
                            </td>
                            <td>
                                Fields Selected:
                            </td>
                            <td>
                                Groupby results on:
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <telerik:RadListBox ID="RadListBox1" CssClass="RadListBox1" runat="server" Width="250px"
                                    Height="200px" SelectionMode="Multiple" AllowTransfer="true" TransferToID="RadListBox2"
                                    AutoPostBackOnTransfer="true" EnableDragAndDrop="true" AllowTransferOnDoubleClick="true">
                                    <Items>
                                        <telerik:RadListBoxItem Text="Team Member Comments" Value=""></telerik:RadListBoxItem>
                                        <telerik:RadListBoxItem Text="Stakeholder Comments" Value=""></telerik:RadListBoxItem>

                                    </Items>
                                </telerik:RadListBox>
                            </td>
                            <td>
                                <telerik:RadListBox ID="RadListBox2" CssClass="RadListBox2" runat="server" Width="250px"
                                    Height="200px" SelectionMode="Multiple" AllowReorder="true" AutoPostBackOnReorder="true"
                                    AllowTransfer="true" TransferToID="RadListBox3" AutoPostBackOnTransfer="true"
                                    EnableDragAndDrop="true" AllowTransferOnDoubleClick="true">
                                </telerik:RadListBox>
                            </td>
                            <td>
                                <telerik:RadListBox ID="RadListBox3" CssClass="RadListBox2" runat="server" Width="250px"
                                    Height="200px" SelectionMode="Multiple" AllowReorder="true" AutoPostBackOnReorder="true"
                                    EnableDragAndDrop="true" AllowTransferOnDoubleClick="true">
                                </telerik:RadListBox>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <hr />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <strong>Header Text:</strong>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <table width="100%">
                        <tr>
                            <td align="right">
                                Team Member Comments:
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox1" Text="Team Member Comments" runat="server"></asp:TextBox>
                            </td>
                            <td align="right">
                                Stakeholder Comments:
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox2" Text="Stakeholder Comments" runat="server"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                Outcome:
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox4" Text="Outcome" runat="server"></asp:TextBox>
                            </td>
                            <td align="right">
                                Issues:
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox5" Text="Issues" runat="server"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                Non Objection Date:
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox7" Text="Non Objection Date" runat="server"></asp:TextBox>
                            </td>
                            <td align="right">
                                Documents Distributed:
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox8" Text="Documents Distributed" runat="server"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                Stakeholder:
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox10" Text="Stakeholder" runat="server"></asp:TextBox>
                            </td>
                            <td align="right">
                                Stakeholder Parent:
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox11" Text="Stakeholder Parent" runat="server"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                Strategies for Mitigation:
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox3" Text="Strategies for Mitigation" runat="server"></asp:TextBox>
                            </td>
                            <td align="right">
                                Non Objection:
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox6" Text="Non Objection" runat="server"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                FN Rep:
                            </td>
                            <td>
                                <asp:TextBox ID="TextBox9" Text="FN Rep" runat="server"></asp:TextBox>
                            </td>
                            <td align="right">

                            </td>
                            <td>

                            </td>
                        </tr>
                    </table>
                    <br />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <hr />
                </td>
            </tr>
        </table>
    </div>
    <asp:Button ID="btnGenerateReport" runat="server" Text="GenerateReport" />
</telerik:RadAjaxPanel>

Thanks,
Bash

[Nencho]

Hello Basharat,

I tried to replicate the experienced issue, based on the provided snippet of code, but to no avail. The RadListBoxItems are correctly selected and it is demonstrated in the video, I have recorded for you. Let me know if I am missing something in your scenario.

Kind regards,
Nencho
the Telerik team