Srinivasa Gokidi
Top achievements
Rank 1
Rank 1
Srinivasa Gokidi
asked on 14 Jan 2011, 03:43 PM
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??
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 Answers, 1 is accepted
0
Hello Srinivasa,
Kind regards,
Maria Ilieva
the Telerik team
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.
0
Vargis
Top achievements
Rank 2
Rank 2
answered on 30 Jan 2013, 08:55 AM
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>
Just add this
<ClientSettings Selecting-AllowRowSelect="true" EnablePostBackOnRowClick="True">
<Scrolling AllowScroll="true" UseStaticHeaders="true" />
</ClientSettings>