[Solved] Problem in the web page where is datapager and radwindow

[Fabio Cirillo]

hello,
 if i use in my web page this radwindow:

<telerik:RadWindow ID="RadWindowCard" runat="server" AutoSize="true" IconUrl="/image/iconlogo.png"
ReloadOnShow="True" NavigateUrl="publicard.aspx" Behaviors="Close" RestrictionZoneID="NavigateUrlZone"
Height="100" Skin="Office2010Silver" VisibleStatusbar="false" Title="Caricamento biglietto da visita..."
ShowContentDuringLoad="False" Width="300" Modal="true"
KeepInScreenBounds="true" Style="z-index: 8000">
</telerik:RadWindow>

 
the datapager does not work anymore. that is, the DataPager no longer avanto or back pages ... not compatible? or where am I wrong? Here is the html code of my page:

<form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="ImageButtonRicerca">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="Panel1"
                            LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="RadListView1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadWindowCard"
                            LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <asp:HiddenField ID="_search" runat="server" /><asp:HiddenField ID="_search1" runat="server" />
        <telerik:RadWindow ID="RadWindowCard" runat="server" AutoSize="true" IconUrl="/image/iconlogo.png"
            ReloadOnShow="True" NavigateUrl="publicard.aspx" Behaviors="Close" RestrictionZoneID="NavigateUrlZone"
            Height="100" Skin="Office2010Silver" VisibleStatusbar="false" Title="Caricamento biglietto da visita..."
            ShowContentDuringLoad="False" Width="300" Modal="true"
            KeepInScreenBounds="true" Style="z-index: 8000">
        </telerik:RadWindow>
        <telerik:RadFormDecorator ID="RadFormDecorator" Runat="server"
            DecoratedControls="Default, Textbox, Textarea, Label, H4H5H6, Select, Zone, GridFormDetailsViews, ValidationSummary, LoginControls"
            Skin="Sunset" />
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server"
            BorderColor="#D5842B" BorderStyle="Double" BorderWidth="1px" Skin="Simple">
        </telerik:RadAjaxLoadingPanel>
            <div align="center" class="backgroundup">
                <div align="center" class="banner">
                    <div style="padding-left:200px;">
                        <div class="profilesearch">
                            <asp:Panel ID="Panel1" runat="server" DefaultButton="ImageButtonRicerca" Height="55px" Width="685">
                                <div id="txt1" style="width:350px; height:22px; border:0px; margin:0px; padding-top:15px; padding-right:1px; float:left">
                                    <telerik:RadTextBox ID="Txt_ricerca1" Runat="server"
                                    EmptyMessage="Nominativo o azienda o categoria" Width="350px" Height="22px" Skin="" Font-Italic="True"
                                    Font-Names="Verdana">
                                    <EmptyMessageStyle ForeColor="Gray" Font-Italic="True" Font-Names="Verdana" />
                                    <HoveredStyle Font-Italic="True" Font-Names="Verdana" ForeColor="#993300" />
                                    </telerik:RadTextBox>
                                </div>
                                <div id="txt2" style="width:250px; height:22px; border:0px; margin:0px; padding-top:15px; padding-right:1px; float:left">
                                    <telerik:RadTextBox ID="txt_ricerca2" runat="server"
                                    EmptyMessage="Città di residenza" Width="250px" Height="22px" Skin=""
                                    Font-Italic="True" Font-Names="Verdana">
                                    <EmptyMessageStyle ForeColor="Gray" Font-Italic="True" Font-Names="Verdana" />
                                    <HoveredStyle Font-Italic="True" Font-Names="Verdana" ForeColor="#993300" />
                                    </telerik:RadTextBox>
                                </div>
                                <div id="btn" style="width:80px; height:40px; border:0px; margin:0px; padding-top:7px; float:right">
                                    <asp:ImageButton ID="ImageButtonRicerca" runat="server" ImageUrl="~/Image/cerca.png" />
                                </div>
                            </asp:Panel>
                        </div>
                    </div>
                    <div id="menu" class="divresultmenu">
                        <div id="lbresult" class="lbresult">
                            <asp:Label ID="Label1" runat="server" Text="Biglietti da visita trovati:"
                            style="font-size: small; font-family: Verdana"></asp:Label>
                        </div> <!-- end div lbresult -->
                        <div class="divbuttonmenu">
                            <telerik:RadButton ID="btnhome" runat="server" Text="Home page">
                            </telerik:RadButton>
                            <telerik:RadButton ID="btnreg" runat="server" Text="Registrati in trycontact">
                            </telerik:RadButton>
                        </div>
                    </div> <!-- end div menu -->
                    <div class="resultseparator">
                    </div> <!-- end div separator -->
                    <asp:Panel ID="PanelRadlist" runat="server" Width="700px">
                    <div id="div_radlistview" class="divradlistview">
                        <telerik:RadListView ID="RadListView1" runat="server" DataKeyNames="idutente"
                            ItemPlaceholderID="Contenitore" AllowPaging="True"
                            Width="650px" OnNeedDataSource="RadListView1_NeedDataSource">
                                <LayoutTemplate>
                                    <fieldset style="width: 700px; border:0px" id="FieldSet1">
                                        <legend></legend>
                                        <asp:Panel ID="Contenitore" runat="server">
                                        </asp:Panel>
                                        <telerik:RadDataPager ID="RadDataPager1" runat="server"
                                            PagedControlID="RadListView1" Width="700px" Culture="it-IT" BackColor ="#ecede5">
                                                <Fields>
                                                    <telerik:RadDataPagerButtonField FieldType="FirstPrev"></telerik:RadDataPagerButtonField>
                                                    <telerik:RadDataPagerButtonField FieldType="Numeric"></telerik:RadDataPagerButtonField>
                                                    <telerik:RadDataPagerButtonField FieldType="NextLast"></telerik:RadDataPagerButtonField>
                                                </Fields>
                                        </telerik:RadDataPager>
                                    </fieldset>
                                </LayoutTemplate>
                                <ItemTemplate>
                                    <div class="item">
                                        <div class="image">
                                            <asp:Image ID="Image1" runat="server" ImageUrl='<%# CType(Container.DataItem, PropertyUtente).imageprofile%>' Height="120px" Width="110px"/>
                                        </div>
                                    <div class="content">
                                        <div class="user">
                                            <b><%# CType(Container.DataItem, PropertyUtente).utente%></b>
                                        </div>
                                        <div class="description_category">
                                            Categoria: <%# CType(Container.DataItem, PropertyUtente).Desccategoria%>
                                        </div>
                                        <div class="description_city">
                                            Città: <%# CType(Container.DataItem, PropertyUtente).Desccomune%></div>
                                        <div class="description_phone">
                                            Telefono: <%# CType(Container.DataItem, PropertyUtente).Telefono%></div>
                                        <div class="description_email">
                                            Email: <%# CType(Container.DataItem, PropertyUtente).Email%>
                                        </div>
                                        <div class="item_button">
                                            <telerik:RadButton ID="RadButton1" runat="server" Text="Biglietto completo" Width="150px"
                                            OnClick="RadButton1_Click">
                                            <Icon PrimaryIconCssClass="rbOpen"></Icon>
                                            </telerik:RadButton>
                                        </div>
                                    </div>
                                    </div>
                                </ItemTemplate>
                        </telerik:RadListView>
                    </div> <!-- end div radlist -->
                    </asp:Panel>
                </div> <!-- end div banner -->
            </div>  <!-- end div background -->
     </div>
    </form>

[Marin Bratanov]

Hello Fabio,

Can you confirm that paging in this scenario works as expected with the pager inside the listview even before showing the RadWindow? Also, how are you showing the RadWindow? If you are opening it from the code-behind (judging from the AJAX settings) I advise that you employ the approach from this sticky thread. You should also make sure that there aren't any errors on the page or in the code-behind.

Another thing you should consider is the AJAX settings:
- with the approach from the sticky for opening the RadWindow the AJAX setting that updates it is not needed and should be removed
- for the pager to work like this with the listview the panel above must be an initiator and updated control instead

<telerik:AjaxSetting AjaxControlID="PanelRadlist">
    <UpdatedControls>
        <telerik:AjaxUpdatedControl ControlID="PanelRadlist" LoadingPanelID="RadAjaxLoadingPanel1" />
    </UpdatedControls>
</telerik:AjaxSetting>

Kind regards,
Marin Bratanov
the Telerik team

[Fabio Cirillo]

Hi,
i've used your code but i dont see the radajxaloadingpanel, it seems as if the loadingpanel appears under the radlistview

[Marin Bratanov]

Hi Fabio,

You should examine the rendered HTML and look for the z-index the elements have. If you have modified the z-index of your RadWindows or your RadAjaxLoadingPanel this behaviour can be expected because the order of the HTML elements is determined by their z-index values. If the loading panel has a lower z-index it will stay behind the RadWindow. You can find a list with the default values here: http://www.telerik.com/help/aspnet-ajax/controlling-absolute-positioning-with-zindex.html.


All the best,
Marin Bratanov
the Telerik team