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
>