Radgrid design issues......

3 posts, 0 answers
  1. Srinivasa Gokidi
    Srinivasa Gokidi avatar
    15 posts
    Member since:
    Jun 2010

    Posted 14 Jan 2011 Link to this post

    Hi,

    I have few design issues in Radgrid.

    1. When I am trying to edit the the window is not editing properly. When i click on the edit button first it is showing little bit and then showing completely how to avoid this.(See Image 1)

    2. Radgrid is kind of Jumping on opening window or loading..... When i click the editbutton on next page the radgrid header is kind of jumping to the left.... See image2(see Image3 for normal grid)

    Can you help me how to fix this issues. Thanks in Advance. Is there any mistake is my HTML??

    <div style="width: 100%">
            <div style="padding-top: 10px; padding-bottom: 25px; padding-left: 25px; padding-right: 25px;">
                <table width="100%">
                    <tr>
                        <td style="width: 100%">
                            <asp:UpdatePanel ID="updependency" runat="server">
                                <ContentTemplate>
                                    <table width="100%" cellpadding="0" cellspacing="0">
                                        <tr runat="server">
                                            <td valign="top" style="width: 100%; height: 502px" align="left">
                                                <div id="divRec" visible="false" runat="server" style="width: 100%;">
                                                    <table width="100%" cellpadding="0" cellspacing="0">
                                                        <tr style="background-color: White;">
                                                            <td align="left" style="overflow: auto; height: 480px; width: 100%">
                                                                <div id="divGrid" runat="server" style="overflow: auto; height: 480px; width: 100%">
                                                                    <telerik:radgrid id="rgDependency" runat="server" height="476px" gridlines="None"
                                                                        showgrouppanel="false" showfooter="false" autogeneratecolumns="false" enableembeddedskins="false"
                                                                        allowpaging="true" pagesize="20" borderstyle="Solid" bordercolor="Black" borderwidth="1px"
                                                                        backcolor="White" onitemcommand="rgDependency_ItemCommand" onitemdatabound="rgDependency_ItemDataBound"
                                                                        onneeddatasource="rgDependency_NeedDataSource">
                                                                        <HeaderStyle Height="20px" BackColor="#004000" Font-Size="8pt" Font-Bold="True" ForeColor="White"
                                                                            HorizontalAlign="Center" BorderColor="White" BorderWidth="1px" />
                                                                        <ItemStyle HorizontalAlign="Center" />
                                                                        <AlternatingItemStyle BackColor="#F5F5E9" HorizontalAlign="Center" />
                                                                        <PagerStyle BackColor="#F5F5E9" />
                                                                        <MasterTableView DataKeyNames="DependencyNumber" GridLines="None">
                                                                            <Columns>
                                                                                <telerik:GridBoundColumn HeaderText="Dependency Number" DataField="DependencyNumber"
                                                                                    UniqueName="DependencyNumber">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn HeaderText="Dependency Name" DataField="DependencyName"
                                                                                    UniqueName="DependencyName">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn HeaderText="Dependency Type" DataField="DependencyType"
                                                                                    UniqueName="DependencyType">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridTemplateColumn HeaderText="Dependency Sites" DataField="DependencySites"
                                                                                    UniqueName="DependencySites">
                                                                                    <ItemTemplate>
                                                                                        <asp:LinkButton ID="lnkDepenSites" Text='<%# Bind("DependencySites") %>' runat="server"
                                                                                            CommandName="Orders" ForeColor="Blue"></asp:LinkButton>
                                                                                    </ItemTemplate>
                                                                                </telerik:GridTemplateColumn>
                                                                                <telerik:GridBoundColumn HeaderText="Status" DataField="DependencyStatus" UniqueName="DependencyStatus">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn HeaderText="Sch Completion Date" DataField="ScheduleCompletionDate"
                                                                                    UniqueName="ScheduleCompletionDate" DataFormatString="{0:MM/dd/yyyy}">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn HeaderText="CM Number" DataField="CMNumber" UniqueName="CMNumber">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn HeaderText="Created By" DataField="CreatedBY" UniqueName="CreatedBY">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn HeaderText="Created Date" DataField="CreatedDate" UniqueName="CreatedDate"
                                                                                    DataFormatString="{0:MM/dd/yyyy}">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn HeaderText="Last Modified By" DataField="LastModifiedBy"
                                                                                    UniqueName="LastModifiedBy">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn HeaderText="Last Modified Date" DataField="LastModifiedDate"
                                                                                    UniqueName="LastModifiedDate" DataFormatString="{0:MM/dd/yyyy}">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridBoundColumn HeaderText="Next Update Date" DataField="NextUpdateDate"
                                                                                    UniqueName="NextUpdateDate" DataFormatString="{0:MM/dd/yyyy}">
                                                                                </telerik:GridBoundColumn>
                                                                                <telerik:GridButtonColumn UniqueName="EditDependency" CommandName="EditDependency"
                                                                                    ImageUrl="~/Images/edit-icon-v5.gif" ButtonType="ImageButton" HeaderStyle-Width="3%"
                                                                                    ItemStyle-Width="3%">
                                                                                </telerik:GridButtonColumn>
                                                                                <telerik:GridButtonColumn UniqueName="Associate" CommandName="Associate" ImageUrl="~/Images/Associate.png"
                                                                                    ButtonType="ImageButton" HeaderStyle-Width="3%" ItemStyle-Width="3%">
                                                                                </telerik:GridButtonColumn>
                                                                            </Columns>
                                                                            <NoRecordsTemplate>
                                                                                No Dependencies found</NoRecordsTemplate>
                                                                        </MasterTableView>
                                                                        <ClientSettings>
                                                                            <Scrolling AllowScroll="true" ScrollHeight="400px" UseStaticHeaders="true" />
                                                                        </ClientSettings>
                                                                    </telerik:radgrid>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </td>
                    </tr>
                </table>
                <asp:UpdateProgress ID="UpdateProgress1" DisplayAfter="1" AssociatedUpdatePanelID="updependency"
                    runat="server">
                    <ProgressTemplate>
                        <iframe frameborder="0" src="about:blank" class="iframestyle"></iframe>
                        <div class="iframeDiv">
                            <img src="Images/rotate_large.gif" alt="" />
                        </div>
                        <div>
                        </div>
                    </ProgressTemplate>
                </asp:UpdateProgress>
                <telerik:radwindowmanager id="RadWinmanager" runat="server">
                    <Windows>
                        <telerik:RadWindow ID="rwAddDepend" runat="server" Behaviors="Default" CustomCSS="CSS/CustomStyle.css"
                            ShowContentDuringLoad="false" BackColor="Green" Animation="FlyIn" Skin="Forest"
                            Height="320px" Width="500px">
                            <ContentTemplate>
                                //Content Here removed for convenience
                            </ContentTemplate>
                        </telerik:RadWindow>
                        <telerik:RadWindow ID="rwEditDepend" runat="server" Behaviors="Default" CustomCSS="CSS/CustomStyle.css"
                            ShowContentDuringLoad="false" BackColor="Green" Animation="FlyIn" Skin="Forest"
                            Height="320px" Width="500px" Title="Add Dependency Mockup">
                            <ContentTemplate>
                                //Content Here removed for convenience
                            </ContentTemplate>
                        </telerik:RadWindow>
                        <telerik:RadWindow ID="rwAssociate" runat="server" Behaviors="Default" CustomCSS="CSS/CustomStyle.css"
                            ShowContentDuringLoad="false" BackColor="Green" Animation="FlyIn" Skin="Forest"
                            Width="1050px" Height="500px">
                            <ContentTemplate>
                                //Content Here removed for convenience
                            </ContentTemplate>
                        </telerik:RadWindow>
                    </Windows>
                </telerik:radwindowmanager>
            </div>
        </div>
  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 20 Jan 2011 Link to this post

    Hello Srinivasa,

    I review your code and was not able to isolate anything obvious that may lead to the described behavior. Also I tried to replicate the issue on my side in a clean example without having the table styles you set but using your RadGrid markup and was not able. Could you please let me know what the result is if you remove the asp UpdatePanel form the page. Also i would suggest you to open a regular support ticket and send us sample runnable application which represents the problematic behavior. Thus we will be able to test it locally and advise you further.


    Kind regards,
    Maria Ilieva
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Vargis
    Vargis avatar
    44 posts
    Member since:
    Jan 2013

    Posted 30 Jan 2013 Link to this post

    I know it is too late but I thot in future reference it will help anyone else ...
    Just add this
    <ClientSettings Selecting-AllowRowSelect="true" EnablePostBackOnRowClick="True">
                            <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                        </ClientSettings>
Back to Top