[Solved] Not able to display LoadingPanel with Grid

[Marco]

Hi,
I'm working on a grid to provide simple maintenance of some tables.   Everything looks fine except for the fact that the grid doesn't display the loading panel with the corresponding transparency and image.

I must be missing something, can you please help me?

Regards,
Marco

<td colspan="2">
                <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
                    <script type="text/javascript">
                    function RowDblClick(sender, eventArgs)
                    {
                      sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());
                    }
                    </script>
                </telerik:RadCodeBlock>

                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                    <AjaxSettings>
                        <telerik:AjaxSetting AjaxControlID="RadGrid1">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="LoadingPanel1" />
                                <telerik:AjaxUpdatedControl ControlID="RadWindowManager1" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                    </AjaxSettings>
                </telerik:RadAjaxManager>
                <telerik:RadAjaxLoadingPanel id="LoadingPanel1" Runat="server" EnableSkinTransparency="true">
                </telerik:RadAjaxLoadingPanel>

                <telerik:RadGrid ID="RadGrid1" GridLines="Both" runat="server"  AllowPaging="True" PageSize="15"
                    AllowAutomaticDeletes="True"
                    AllowAutomaticInserts="True"
                    AllowAutomaticUpdates="False"
                    AutoGenerateColumns="False"
                    OnUpdateCommand="RadGrid1_UpdateCommand"
                    OnPageIndexChanged="Grid_PageIndexChanged"
                    OnPageSizeChanged="Grid_PageSizeChanged"
                    Skin="Telerik"
                    >
                    <PagerStyle Mode="NextPrevAndNumeric" />
                    <MasterTableView Width="100%" CommandItemDisplay="TopAndBottom" DataKeyNames="Code"
                        HorizontalAlign="NotSet" AutoGenerateColumns="False" EditMode="InPlace">
                        <Columns>
                            <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
                                <ItemStyle CssClass="MyImageButton" />
                            </telerik:GridEditCommandColumn>

                            <telerik:GridBoundColumn DataField="Code" HeaderText="Code" ColumnEditorID="GridTextBoxColumnEditor1"/>
                            <telerik:GridBoundColumn DataField="Description" HeaderText="Description" ColumnEditorID="GridTextBoxColumnEditor2"/>

                            <telerik:GridButtonColumn ConfirmText="Delete this record?" ConfirmDialogType="RadWindow"
                                ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete"
                                UniqueName="DeleteColumn">
                                <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />
                            </telerik:GridButtonColumn>
                        </Columns>
                    </MasterTableView>
                    <ClientSettings EnableRowHoverStyle="true">
                        <ClientEvents OnRowDblClick="RowDblClick" />
                    </ClientSettings>
                </telerik:RadGrid>
                <telerik:GridTextBoxColumnEditor ID="GridTextBoxColumnEditor1" runat="server" TextBoxStyle-Width="100px" />
                <telerik:GridTextBoxColumnEditor ID="GridTextBoxColumnEditor2" runat="server" TextBoxStyle-Width="300px" />
                <telerik:RadWindowManager ID="RadWindowManager1" runat="server"></telerik:RadWindowManager>
            </td>

Thanks in advance,
Marco

[Pavlina]

Hi Marco,

I followed your scenario and prepared a simple working project which handles the desired functionality. Examine it and let me know if it works as expected.

Additionally, in order to use the new loading images in RadAjaxLoadingPanel, you need to set the Skin property to any of the valid skins.
Find more information here:
http://www.telerik.com/help/aspnet-ajax/ajxloadingpanel.html

Greetings,
Pavlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.