Grid with Edit command - Jumping

[Indranath]

Hi,

I have RadGrid in UserControl which is placed in a MasterPage.

Code in .aspx page:

 

 

<telerik:RadAjaxManager ID="RadAjaxManager1" runat
="server">
<ClientEvents OnRequestStart="onRequestStart" />
 <AjaxSettings>
 <telerik:AjaxSetting AjaxControlID="RadGridClntResult">
 <UpdatedControls>
 <telerik:AjaxUpdatedControl ControlID="RadGridClntResult" LoadingPanelID="RadAjaxLoadingPanel1"/>
 <%--<telerik:AjaxUpdatedControl ControlID="btnSrch" LoadingPanelID="RadAjaxLoadingPanel1" />--%>
 </UpdatedControls>
 </telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnEdit">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadGridClntResult" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
</telerik:RadAjaxLoadingPanel>

<telerik:RadTabStrip ID="rTabStrip" runat="server" SelectedIndex="0" 
                                        Width="950px" MultiPageID="radMultiPage" Skin="Outlook"
                                        OnClientTabSelecting="tabSelecting"
                                        OnClientTabUnSelected="tabUnSelect"
                                        OnClientTabSelected="tabSelected">
                                         <Tabs>
                                            <telerik:RadTab Text="Contact Information" Selected="True" runat="server">
                                            </telerik:RadTab>
                                           <telerik:RadTab Text="Customers" runat="server">
                                            </telerik:RadTab>
                                            <telerik:RadTab Text="Orders" runat="server">
                                            </telerik:RadTab>
                                           
                                         </Tabs>
                                    </telerik:RadTabStrip>
                                    <telerik:RadMultiPage ID="radMultiPage" runat="server" SelectedIndex="0" onOnPageViewCreated="radMultiPage_PageViewCreated" >
                                         <telerik:RadPageView ID="RPVCDetail" runat="server">
                                            <uc1:contactDet ID="ucCntDet" runat="server" />  <!-- control contains the grid -->
                                         </telerik:RadPageView>
                                         <telerik:RadPageView ID="rpcData" runat="server">
                                            <uc1:gDataFeed ID="ucBetaData" runat="server"></uc1:gDataFeed>
                                         </telerik:RadPageView>
                                        
                                    </telerik:RadMultiPage>

Web UserControl code:
<telerik:RadGrid ID="radCntDets" runat="server" GridLines="None" Width="938px"
AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"
OnNeedDataSource="radCntDets_OnNeedDataSource" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates
="True" HorizontalAlign="NotSet">
<ClientSettings EnableRowHoverStyle="True">
<Scrolling AllowScroll="True" UseStaticHeaders="True" />
</ClientSettings>
<MasterTableView GridLines="None" CommandItemDisplay="Top" DataKeyNames="ContactID" EditMode
="InPlace">
<Columns>
<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" ItemStyle-Width="100px" HeaderStyle-Width
="100px">
</telerik:GridEditCommandColumn> 
<telerik:GridBoundColumn UniqueName="First Name" HeaderText="First Name" DataField="FirstName" HeaderStyle-Width="100px" ItemStyle-Width="100px" > 
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Last NAme" HeaderText="Last Name" DataField="LastName" HeaderStyle-Width="100px" ItemStyle-Width
="100px">
</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Contact Type" HeaderText="Contact Type" DataField="ContactType" HeaderStyle-Width="100px" ItemStyle-Width
="100px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="vchEmail" HeaderText="Email" DataField="EmailAddress" HeaderStyle-Width="100px" ItemStyle-Width
="100px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Phone Number" HeaderText="Phone" DataField="PhoneNumber" HeaderStyle-Width="100px" ItemStyle-Width
="100px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Role" HeaderText="Role" DataField="PhoneNumber" HeaderStyle-Width="100px" ItemStyle-Width
="100px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Notes" HeaderText="Notes" DataField="Notes" HeaderStyle-Width="220px" ItemStyle-Width
="220px">
</telerik:GridBoundColumn>
</Columns>
<%--<EditFormSettings ColumnNumber="3" CaptionFormatString="Edit details for employee with ID {0}"
CaptionDataField="ContactID">
<FormTableItemStyle Wrap="False"></FormTableItemStyle>
<FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>
<FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" />
<FormTableStyle GridLines="Horizontal" CellSpacing="0" CellPadding="2" CssClass="module"
Height="110px"/>
<FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>
<FormStyle BackColor="#eef2ea"></FormStyle>
<EditColumn UpdateText="Update" UniqueName="EditCommandColumn1" CancelText="Cancel" ItemStyle-Font-Size="Smaller">
</EditColumn>
<FormTableButtonRowStyle HorizontalAlign="Left" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>
</EditFormSettings>--%>
</MasterTableView>
</telerik:RadGrid>

codebehind:

protected void radCntDets_OnNeedDataSource(object source, GridNeedDataSourceEventArgs e)
{

 radCntDets.DataSource = (DataSet)Session["CDetails"];

}

 

RadGrid control start jumping up and down when I mouse over on the grid or grid heading.
I am using VS2010 on windows7 OS.

Thanks in advance for your response.

-regards
Indra

 

 

[Pavlina]

Hi Indranath,

Could you explain in more details what is the exact problem? How the grid is jumping? Is the issue occurs in every browser? Is it happens in any of the online demos?

Additionally, note that it is not recommended to use ItemStyle-Width to set column widths. Only HeaderStyle-Width should be used.

Greetings,
Pavlina
the Telerik team

[Indranath]

Hi Pavlina,

Thanks for your response. After removing ItemStyle-width property it seems to be working.

Thanks
Indra