This is a migrated thread and some comments may be shown as answers.

Radgrid design issues......

2 Answers 150 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Srinivasa Gokidi asked on 14 Jan 2011, 03:43 PM

1.JPG

2.JPG

3.JPG

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>

2 Answers, 1 is accepted

answered on 20 Jan 2011, 09:36 AM

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.