Problem in the web page where is datapager and radwindow

4 posts, 0 answers
  1. Fabio Cirillo
    Fabio Cirillo avatar
    180 posts
    Member since:
    Jan 2010

    Posted 27 Feb 2013 Link to this post

    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>





  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 28 Feb 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Fabio Cirillo
    Fabio Cirillo avatar
    180 posts
    Member since:
    Jan 2010

    Posted 12 Mar 2013 Link to this post

    Hi,
    i've used your code but i dont see the radajxaloadingpanel, it seems as if the loadingpanel appears under the radlistview
  5. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 14 Mar 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top