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

Form editor Distroted after Telerik Upgrade

3 Answers 41 Views

Editor

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

Aman asked on 08 Jan 2015, 10:15 AM

form_before_upgrade.png

form_after_upgrade.png

Hi,
Greetings!

The application that I am currently working upon was using Telerik 2009 version and we upgrated the same to the latest Telerik 2014 version for ASP.Net after which one of the form containing two RadEditors got distroted. I have attached the screen shot of the form before the upgrade and the form after the upgrade for reference. Also, please refer the code below. .

<telerik:radgrid id="grdFMEAv2" runat="server" autogeneratecolumns="false" onneeddatasource="grdFMEA_NeedDataSource"
onitemdatabound="grdFMEA_OnItemDataBound" oninsertcommand="grdFMEA_InsertCommand"
ondeletecommand="grdFMEA_DeleteCommand" onitemcommand="grdFMEA_ItemCommand" onitemcreated="grdFMEA_ItemCreated"
width="98%" allowpaging="true" pagerstyle-alwaysvisible="true" allowsorting="true">
<mastertableview commanditemdisplay="Bottom" editmode="InPlace" allowsorting="true"
datakeynames="CMSFMEAID">
<Columns>
<telerik:GridEditCommandColumn UniqueName="Edit" UpdateText="Update" ButtonType="ImageButton"
CancelImageUrl="../Images/Cancel.gif" InsertImageUrl="../Images/Update.gif" UpdateImageUrl="../Images/Update.gif"
EditImageUrl="../Images/Edit.gif">
<ItemStyle HorizontalAlign="center" Width="5%"></ItemStyle>
</telerik:GridEditCommandColumn>
<telerik:GridTemplateColumn HeaderText="FMEA Type" UniqueName="FMEAType" DataField="FMEAType"
SortExpression="FMEAType" HeaderStyle-Width="12%" HeaderStyle-HorizontalAlign="Left">
<ItemTemplate>
<asp:Label runat="server" ID="lblFMEAType" CssClass="gridlabel" Text='<%#Eval("FMEAType")%>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="rcbFMEATypeEdit" runat="server" DataTextField="FMEAType"
Width="80px" AutoPostBack="true" OnSelectedIndexChanged="rcbFMEATypeEdit_SelectedIndexChanged"
CssClass="normalDropDownList" Skin="Web20" MarkFirstMatch="true">
<Items>
<telerik:RadComboBoxItem runat="server" Text="" Value="" />
<telerik:RadComboBoxItem runat="server" Text="DFMEA" Value="1" />
<telerik:RadComboBoxItem runat="server" Text="PFMEA" Value="2" />
<telerik:RadComboBoxItem runat="server" Text="No FMEA" Value="3" />
</Items>
</telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvFMEAType" runat="server" ControlToValidate="rcbFMEATypeEdit"
Display="None" SetFocusOnError="true" ErrorMessage="Please select FMEA Type"
></asp:RequiredFieldValidator>
<ajaxToolkit:ValidatorCalloutExtender ID="vceFMEAType" runat="server" TargetControlID="rfvFMEAType"
CssClass="AjaxValidatorCalloutExtender">
</ajaxToolkit:ValidatorCalloutExtender>
</EditItemTemplate>
<ItemStyle HorizontalAlign="Left" Width="12%" VerticalAlign="Top"></ItemStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="FMEA Name" ItemStyle-HorizontalAlign="Left"
SortExpression="FMEAName" HeaderStyle-Width="12%">
<ItemTemplate>
<asp:Label runat="server" ID="lblFMEAName" CssClass="gridlabel" Text='<%#Eval("FMEAName")%>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="rcbFMEANameEdit" runat="server" DataTextField="FMEAName"
Width="80px" AutoPostBack="true" OnSelectedIndexChanged="rcbFMEANameEdit_SelectedIndexChanged"
CssClass="normalDropDownList" Skin="Web20" MarkFirstMatch="true">
</telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvFMEANameEdit" runat="server" ControlToValidate="rcbFMEANameEdit"
ErrorMessage="Please select FMEA Name" Display="None" InitialValue=""></asp:RequiredFieldValidator>
<ajaxToolkit:ValidatorCalloutExtender ID="vceFMEAName" runat="server" TargetControlID="rfvFMEANameEdit"
CssClass="AjaxValidatorCalloutExtender">
</ajaxToolkit:ValidatorCalloutExtender>
</EditItemTemplate>
<ItemStyle HorizontalAlign="Left" Width="10%" VerticalAlign="Top"></ItemStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="FMEA Owner" DataField="FMEA Owner" ItemStyle-HorizontalAlign="Left"
SortExpression="FMEAOwnerName" HeaderStyle-Width="12%">
<ItemTemplate>
<asp:Label ID="lblFMEAOwner" runat="server" CssClass="gridlabel" Text='<%#Eval("FMEAOwnerName")%>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:Label ID="lblFMEAOwnerEdit" runat="server" CssClass="gridlabel" Text='<%#Eval("FMEAOwnerName")%>'></asp:Label>
</EditItemTemplate>
<ItemStyle HorizontalAlign="Left" Width="10%" VerticalAlign="Top"></ItemStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="Relevant Risk(s)" DataField="Relevant Risk(s)"
ItemStyle-HorizontalAlign="Left" SortExpression="RelevantRisk" HeaderStyle-Width="20%">
<ItemTemplate>
<div id="txtRelevantrisk" runat="server">
<%#Eval("RelevantRisk")%>
</div>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadEditor ID="txtRelevantrisk_Edit" runat="server" Font-Names="Arial" Font-Size="10pt"
Content='<%#Eval("RelevantRisk")%>' EditModes="Design" Height="200px" Width="280px"
ContentFilters="IndentHTMLContent">
<CssFiles>
<telerik:EditorCssFile Value="~/EditorContentArea.css" />
</CssFiles>
<RealFontSizes>
<telerik:EditorRealFontSize Value="8pt" />
<telerik:EditorRealFontSize Value="9pt" />
<telerik:EditorRealFontSize Value="10pt" />
<telerik:EditorRealFontSize Value="11pt" />
<telerik:EditorRealFontSize Value="12pt" />
<telerik:EditorRealFontSize Value="14pt" />
<telerik:EditorRealFontSize Value="16pt" />
<telerik:EditorRealFontSize Value="18pt" />
<telerik:EditorRealFontSize Value="20pt" />
<telerik:EditorRealFontSize Value="22pt" />
<telerik:EditorRealFontSize Value="24pt" />
<telerik:EditorRealFontSize Value="26pt" />
<telerik:EditorRealFontSize Value="28pt" />
<telerik:EditorRealFontSize Value="32pt" />
<telerik:EditorRealFontSize Value="36pt" />
<telerik:EditorRealFontSize Value="48pt" />
<telerik:EditorRealFontSize Value="72pt" />
</RealFontSizes>
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="Copy" />
<telerik:EditorTool Name="Paste" />
<telerik:EditorTool Name="Bold" />
<telerik:EditorTool Name="FontName" Text="Calibri" />
<telerik:EditorTool Name="RealFontSize" Text="12pt" />
<telerik:EditorTool Name="InsertOrderedList" />
<telerik:EditorTool Name="InsertUnorderedList" />
</telerik:EditorToolGroup>
</Tools>
<FontNames>
<telerik:EditorFont Value="Arial" />
<telerik:EditorFont Value="Arial Black" />
<telerik:EditorFont Value="Arial Narrow" />
<telerik:EditorFont Value="Calibri" />
<telerik:EditorFont Value="Comic Sans MS" />
<telerik:EditorFont Value="Courier New" />
<telerik:EditorFont Value="Georgia" />
<telerik:EditorFont Value="Lucida Console" />
<telerik:EditorFont Value="sans-serif" />
<telerik:EditorFont Value="Tahoma" />
<telerik:EditorFont Value="Times New Roman" />
<telerik:EditorFont Value="Verdana" />
</FontNames>
<Content></Content>
</telerik:RadEditor>
<asp:RequiredFieldValidator ID="rfvRelevantrisk_Edit" runat="server" ControlToValidate="txtRelevantrisk_Edit"
ErrorMessage="Please Enter Relevant Risk(s)" Display="None" InitialValue=""></asp:RequiredFieldValidator>
<ajaxToolkit:ValidatorCalloutExtender ID="vceRelevantrisk" runat="server" TargetControlID="rfvRelevantrisk_Edit"
CssClass="AjaxValidatorCalloutExtender">
</ajaxToolkit:ValidatorCalloutExtender>
</EditItemTemplate>
<ItemStyle HorizontalAlign="Left" Width="20%" VerticalAlign="Top"></ItemStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="Mitigation Item(s)" DataField="Mitigation Item(s)"
ItemStyle-HorizontalAlign="Left" SortExpression="MitigationAction" HeaderStyle-Width="20%">
<ItemTemplate>
<div id="txtMT" runat="server">
<%#Eval("MitigationAction")%>
</div>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadEditor ID="txtMTEdit" runat="server" Font-Names="Arial" Font-Size="10pt"
Content='<%#Eval("MitigationAction")%>' EditModes="Design" Height="200px" Width="280px"
ContentFilters="IndentHTMLContent">
<CssFiles>
<telerik:EditorCssFile Value="~/EditorContentArea.css" />
</CssFiles>
<RealFontSizes>
<telerik:EditorRealFontSize Value="8pt" />
<telerik:EditorRealFontSize Value="9pt" />
<telerik:EditorRealFontSize Value="10pt" />
<telerik:EditorRealFontSize Value="11pt" />
<telerik:EditorRealFontSize Value="12pt" />
<telerik:EditorRealFontSize Value="14pt" />
<telerik:EditorRealFontSize Value="16pt" />
<telerik:EditorRealFontSize Value="18pt" />
<telerik:EditorRealFontSize Value="20pt" />
<telerik:EditorRealFontSize Value="22pt" />
<telerik:EditorRealFontSize Value="24pt" />
<telerik:EditorRealFontSize Value="26pt" />
<telerik:EditorRealFontSize Value="28pt" />
<telerik:EditorRealFontSize Value="32pt" />
<telerik:EditorRealFontSize Value="36pt" />
<telerik:EditorRealFontSize Value="48pt" />
<telerik:EditorRealFontSize Value="72pt" />
</RealFontSizes>
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="Copy" />
<telerik:EditorTool Name="Paste" />
<telerik:EditorTool Name="Bold" />
<telerik:EditorTool Name="FontName" Text="Calibri" />
<telerik:EditorTool Name="RealFontSize" Text="12pt" />
<telerik:EditorTool Name="InsertOrderedList" />
<telerik:EditorTool Name="InsertUnorderedList" />
</telerik:EditorToolGroup>
</Tools>
<FontNames>
<telerik:EditorFont Value="Arial" />
<telerik:EditorFont Value="Arial Black" />
<telerik:EditorFont Value="Arial Narrow" />
<telerik:EditorFont Value="Calibri" />
<telerik:EditorFont Value="Comic Sans MS" />
<telerik:EditorFont Value="Courier New" />
<telerik:EditorFont Value="Georgia" />
<telerik:EditorFont Value="Lucida Console" />
<telerik:EditorFont Value="sans-serif" />
<telerik:EditorFont Value="Tahoma" />
<telerik:EditorFont Value="Times New Roman" />
<telerik:EditorFont Value="Verdana" />
</FontNames>
<Content></Content>
</telerik:RadEditor>
<asp:RequiredFieldValidator ID="rfvMitigationAction" runat="server" ControlToValidate="txtMTEdit"
ErrorMessage="Please Enter Mitigation Action(s)" Display="None" InitialValue=""></asp:RequiredFieldValidator>
<ajaxToolkit:ValidatorCalloutExtender ID="vceMT" runat="server" TargetControlID="rfvMitigationAction"
CssClass="AjaxValidatorCalloutExtender">
</ajaxToolkit:ValidatorCalloutExtender>
</EditItemTemplate>
<ItemStyle HorizontalAlign="Left" Width="20%" VerticalAlign="Top"></ItemStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="URL" DataField="URL" ItemStyle-HorizontalAlign="Left"
HeaderStyle-Width="10%">
<ItemTemplate>
<asp:HyperLink ID="hplnkURL" runat="server" Text="View FMEA here" NavigateUrl='<%#Eval("URL")%>'
Target="_blank" ForeColor="Blue"></asp:HyperLink>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox runat="server" ID="txtURL" Text='<%#Eval("URL")%>' CssClass="textboxCalibri"></asp:TextBox>
</EditItemTemplate>
<ItemStyle HorizontalAlign="Left" Width="15%"></ItemStyle>
</telerik:GridTemplateColumn>
<telerik:GridButtonColumn UniqueName="Delete" CommandName="Delete" ButtonType="ImageButton"
ImageUrl="..\Images\delete.gif" ConfirmText="Do you want to delete this row?">
<ItemStyle HorizontalAlign="Left" Width="4%"></ItemStyle>
</telerik:GridButtonColumn>
</Columns>
<ItemStyle VerticalAlign="Top" />
<ItemStyle CssClass="gridlabel" />
<AlternatingItemStyle CssClass="gridlabel" />
<HeaderStyle CssClass="gridlabel" />
<CommandItemSettings RefreshText="" ShowRefreshButton="false" AddNewRecordImageUrl="../Images/AddRecord.gif" />
<NoRecordsTemplate>
No Records to display.</NoRecordsTemplate>
</mastertableview>
</telerik:radgrid>

3 Answers, 1 is accepted

Accepted

answered on 16 Jan 2015, 01:46 PM

grid-before-postback.png

grid-after-first-post-back.png

Hi Lanko,

Thanks for your inputs as it helped to fix the distorted layout!
But this has caused another issue the first column in the grid along with the header disappears on the first postback, However on subsequent postback the grid renders perfectly. I have attached the image of the gird before and after the first postback for reference. Also the code for the entire form is below:

<asp:Content ID="Content1" ContentPlaceHolderID="cphCMS" runat="server">
<link href="../StyleSheets/CMS4.0StyleSheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript">
var isHelpPopup = false;
function openwindow() {
isHelpPopup = true;
window.open("../MaintenanceScreens/HelpPopup.aspx?FormName=" + "FMEAv2.aspx", "_blank", "toolbar=no, scrollbars=no, resizable=no, Right=0, width=735px, height=615px");
}
</script>
<style type="text/css">
#txtRelevantrisk_Edit .reLayoutWrapper, .reWrapper_corner, .reWrapper_center, .reLeftVerticalSide, .reRightVerticalSide, .reTlbVertical, .reToolCell, .reContentCell, .reToolZone, .reBottomTable, .reEditorModesCell, .reBottomZone, .reResizeCell
{
border: 0 none !important;
padding: 0 !important;
}
#txtRelevantrisk_Edit .Telerik.reWrapper, .Telerik.RadEditor .reContentCell, .Telerik.reColorPicker, .Telerik.reInsertTable, .Telerik.reCustomLinks a:hover
{
border: 1px solid #828282 !important;
}
#txtRelevantrisk_Edit .reLeftVerticalSide, .reRightVerticalSide
{
padding: 2px !important;
}
</style>
<table width="98%" cellpadding="0" cellspacing="0" border="0" style="padding-left: 10px">
<tr style="vertical-align: top;">
<td class="label" style="width: 10%; padding-left: 10px">
FMEA
</td>
<td align="center">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Label ID="lblMessage" CssClass="gridlabel" runat="server"></asp:Label></ContentTemplate>
</asp:UpdatePanel>
</td>
<td align="right" style="width: 10%; padding-right: 20px">
<asp:Button ID="btnSave" Visible="false" runat="server" Text="Save" ValidationGroup="Save"
CausesValidation="true" OnClick="btnSave_Click" />
</td>
</tr>
<tr>
<td style="padding-left: 10px">
<asp:ImageButton ID="imgHelp" ImageUrl="~/Images/Help.png" runat="server" OnClientClick="openwindow(); return false;" />
</td>
<td align="right" valign="top" style="padding-right: 10px" colspan="2">
<span id="spnAsterik" runat="server" style="color: Red;">*</span><em> </em><span
id="spnCurrentIsrequired" runat="server" style="padding-right: 10px"><em>indicates required</em></span>
</td>
</tr>
<tr>
<td>
<br />
</td>
</tr>
<tr>
<td align="left" valign="top" class="label" colspan="3">
FMEA <span id="spnCurrentIsControlPlan" class="label" runat="server" style="color: Red;">
*</span>
</td>
</tr>
<tr>
<td colspan="3">
<telerik:radajaxmanager id="radManagerFMEAv2" runat="server">
</telerik:radajaxmanager>
<telerik:radajaxmanagerproxy id="RadAjaxManagerFMEAv2" runat="server">
<ajaxsettings>
<telerik:AjaxSetting AjaxControlID="grdFMEAv2">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="grdFMEAv2" UpdatePanelRenderMode="Inline"
LoadingPanelID="ra1grdRAQ" />
</UpdatedControls>
</telerik:AjaxSetting>
</ajaxsettings>
</telerik:radajaxmanagerproxy>
<telerik:radgrid id="grdFMEAv2" runat="server" autogeneratecolumns="false" onneeddatasource="grdFMEA_NeedDataSource"
onitemdatabound="grdFMEA_OnItemDataBound" oninsertcommand="grdFMEA_InsertCommand"
ondeletecommand="grdFMEA_DeleteCommand" onitemcommand="grdFMEA_ItemCommand" onitemcreated="grdFMEA_ItemCreated"
width="98%" allowpaging="true" pagerstyle-alwaysvisible="true" allowsorting="true" >
<mastertableview commanditemdisplay="Bottom" editmode="InPlace" allowsorting="true"
datakeynames="CMSFMEAID">
<Columns>
<telerik:GridEditCommandColumn UniqueName="Edit" UpdateText="Update" ButtonType="ImageButton"
CancelImageUrl="../Images/Cancel.gif" InsertImageUrl="../Images/Update.gif" UpdateImageUrl="../Images/Update.gif"
EditImageUrl="../Images/Edit.gif">
<ItemStyle HorizontalAlign="center" Width="5%"></ItemStyle>
</telerik:GridEditCommandColumn>
<telerik:GridTemplateColumn HeaderText="FMEA Type" UniqueName="FMEAType" DataField="FMEAType"
SortExpression="FMEAType" HeaderStyle-Width="12%" HeaderStyle-HorizontalAlign="Left">
<ItemTemplate>
<asp:Label runat="server" ID="lblFMEAType" CssClass="gridlabel" Text='<%#Eval("FMEAType")%>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="rcbFMEATypeEdit" runat="server" DataTextField="FMEAType"
Width="80px" AutoPostBack="true" OnSelectedIndexChanged="rcbFMEATypeEdit_SelectedIndexChanged"
CssClass="normalDropDownList" Skin="Web20" MarkFirstMatch="true">
<Items>
<telerik:RadComboBoxItem runat="server" Text="" Value="" />
<telerik:RadComboBoxItem runat="server" Text="DFMEA" Value="1" />
<telerik:RadComboBoxItem runat="server" Text="PFMEA" Value="2" />
<telerik:RadComboBoxItem runat="server" Text="No FMEA" Value="3" />
</Items>
</telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvFMEAType" runat="server" ControlToValidate="rcbFMEATypeEdit"
Display="None" SetFocusOnError="true" ErrorMessage="Please select FMEA Type"
></asp:RequiredFieldValidator>
<ajaxToolkit:ValidatorCalloutExtender ID="vceFMEAType" runat="server" TargetControlID="rfvFMEAType"
CssClass="AjaxValidatorCalloutExtender">
</ajaxToolkit:ValidatorCalloutExtender>
</EditItemTemplate>
<ItemStyle HorizontalAlign="Left" Width="12%" VerticalAlign="Top"></ItemStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="FMEA Name" ItemStyle-HorizontalAlign="Left"
SortExpression="FMEAName" HeaderStyle-Width="12%">
<ItemTemplate>
<asp:Label runat="server" ID="lblFMEAName" CssClass="gridlabel" Text='<%#Eval("FMEAName")%>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="rcbFMEANameEdit" runat="server" DataTextField="FMEAName"
Width="80px" AutoPostBack="true" OnSelectedIndexChanged="rcbFMEANameEdit_SelectedIndexChanged"
CssClass="normalDropDownList" Skin="Web20" MarkFirstMatch="true">
</telerik:RadComboBox>
<asp:RequiredFieldValidator ID="rfvFMEANameEdit" runat="server" ControlToValidate="rcbFMEANameEdit"
ErrorMessage="Please select FMEA Name" Display="None" InitialValue=""></asp:RequiredFieldValidator>
<ajaxToolkit:ValidatorCalloutExtender ID="vceFMEAName" runat="server" TargetControlID="rfvFMEANameEdit"
CssClass="AjaxValidatorCalloutExtender">
</ajaxToolkit:ValidatorCalloutExtender>
</EditItemTemplate>
<ItemStyle HorizontalAlign="Left" Width="10%" VerticalAlign="Top"></ItemStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="FMEA Owner" DataField="FMEA Owner" ItemStyle-HorizontalAlign="Left"
SortExpression="FMEAOwnerName" HeaderStyle-Width="12%">
<ItemTemplate>
<asp:Label ID="lblFMEAOwner" runat="server" CssClass="gridlabel" Text='<%#Eval("FMEAOwnerName")%>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:Label ID="lblFMEAOwnerEdit" runat="server" CssClass="gridlabel" Text='<%#Eval("FMEAOwnerName")%>'></asp:Label>
</EditItemTemplate>
<ItemStyle HorizontalAlign="Left" Width="10%" VerticalAlign="Top"></ItemStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="Relevant Risk(s)" DataField="Relevant Risk(s)"
ItemStyle-HorizontalAlign="Left" SortExpression="RelevantRisk" HeaderStyle-Width="20%">
<ItemTemplate>
<div id="txtRelevantrisk" runat="server">
<%#Eval("RelevantRisk")%>
</div>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadEditor ID="txtRelevantrisk_Edit" runat="server" Font-Names="Arial" Font-Size="10pt"
Content='<%#Eval("RelevantRisk")%>' EditModes="Design" Height="200px" Width="280px"
ContentFilters="IndentHTMLContent">
<CssFiles>
<telerik:EditorCssFile Value="~/EditorContentArea.css" />
</CssFiles>
<RealFontSizes>
<telerik:EditorRealFontSize Value="8pt" />
<telerik:EditorRealFontSize Value="9pt" />
<telerik:EditorRealFontSize Value="10pt" />
<telerik:EditorRealFontSize Value="11pt" />
<telerik:EditorRealFontSize Value="12pt" />
<telerik:EditorRealFontSize Value="14pt" />
<telerik:EditorRealFontSize Value="16pt" />
<telerik:EditorRealFontSize Value="18pt" />
<telerik:EditorRealFontSize Value="20pt" />
<telerik:EditorRealFontSize Value="22pt" />
<telerik:EditorRealFontSize Value="24pt" />
<telerik:EditorRealFontSize Value="26pt" />
<telerik:EditorRealFontSize Value="28pt" />
<telerik:EditorRealFontSize Value="32pt" />
<telerik:EditorRealFontSize Value="36pt" />
<telerik:EditorRealFontSize Value="48pt" />
<telerik:EditorRealFontSize Value="72pt" />
</RealFontSizes>
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="Copy" />
<telerik:EditorTool Name="Paste" />
<telerik:EditorTool Name="Bold" />
<telerik:EditorTool Name="FontName" Text="Calibri" />
<telerik:EditorTool Name="RealFontSize" Text="12pt" />
<telerik:EditorTool Name="InsertOrderedList" />
<telerik:EditorTool Name="InsertUnorderedList" />
</telerik:EditorToolGroup>
</Tools>
<FontNames>
<telerik:EditorFont Value="Arial" />
<telerik:EditorFont Value="Arial Black" />
<telerik:EditorFont Value="Arial Narrow" />
<telerik:EditorFont Value="Calibri" />
<telerik:EditorFont Value="Comic Sans MS" />
<telerik:EditorFont Value="Courier New" />
<telerik:EditorFont Value="Georgia" />
<telerik:EditorFont Value="Lucida Console" />
<telerik:EditorFont Value="sans-serif" />
<telerik:EditorFont Value="Tahoma" />
<telerik:EditorFont Value="Times New Roman" />
<telerik:EditorFont Value="Verdana" />
</FontNames>
<Content></Content>
</telerik:RadEditor>
<asp:RequiredFieldValidator ID="rfvRelevantrisk_Edit" runat="server" ControlToValidate="txtRelevantrisk_Edit"
ErrorMessage="Please Enter Relevant Risk(s)" Display="None" InitialValue=""></asp:RequiredFieldValidator>
<ajaxToolkit:ValidatorCalloutExtender ID="vceRelevantrisk" runat="server" TargetControlID="rfvRelevantrisk_Edit"
CssClass="AjaxValidatorCalloutExtender">
</ajaxToolkit:ValidatorCalloutExtender>
</EditItemTemplate>
<ItemStyle HorizontalAlign="Left" Width="20%" VerticalAlign="Top"></ItemStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="Mitigation Item(s)" DataField="Mitigation Item(s)"
ItemStyle-HorizontalAlign="Left" SortExpression="MitigationAction" HeaderStyle-Width="20%">
<ItemTemplate>
<div id="txtMT" runat="server">
<%#Eval("MitigationAction")%>
</div>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadEditor ID="txtMTEdit" runat="server" Font-Names="Arial" Font-Size="10pt"
Content='<%#Eval("MitigationAction")%>' EditModes="Design" Height="200px" Width="280px"
ContentFilters="IndentHTMLContent">
<CssFiles>
<telerik:EditorCssFile Value="~/EditorContentArea.css" />
</CssFiles>
<RealFontSizes>
<telerik:EditorRealFontSize Value="8pt" />
<telerik:EditorRealFontSize Value="9pt" />
<telerik:EditorRealFontSize Value="10pt" />
<telerik:EditorRealFontSize Value="11pt" />
<telerik:EditorRealFontSize Value="12pt" />
<telerik:EditorRealFontSize Value="14pt" />
<telerik:EditorRealFontSize Value="16pt" />
<telerik:EditorRealFontSize Value="18pt" />
<telerik:EditorRealFontSize Value="20pt" />
<telerik:EditorRealFontSize Value="22pt" />
<telerik:EditorRealFontSize Value="24pt" />
<telerik:EditorRealFontSize Value="26pt" />
<telerik:EditorRealFontSize Value="28pt" />
<telerik:EditorRealFontSize Value="32pt" />
<telerik:EditorRealFontSize Value="36pt" />
<telerik:EditorRealFontSize Value="48pt" />
<telerik:EditorRealFontSize Value="72pt" />
</RealFontSizes>
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="Copy" />
<telerik:EditorTool Name="Paste" />
<telerik:EditorTool Name="Bold" />
<telerik:EditorTool Name="FontName" Text="Calibri" />
<telerik:EditorTool Name="RealFontSize" Text="12pt" />
<telerik:EditorTool Name="InsertOrderedList" />
<telerik:EditorTool Name="InsertUnorderedList" />
</telerik:EditorToolGroup>
</Tools>
<FontNames>
<telerik:EditorFont Value="Arial" />
<telerik:EditorFont Value="Arial Black" />
<telerik:EditorFont Value="Arial Narrow" />
<telerik:EditorFont Value="Calibri" />
<telerik:EditorFont Value="Comic Sans MS" />
<telerik:EditorFont Value="Courier New" />
<telerik:EditorFont Value="Georgia" />
<telerik:EditorFont Value="Lucida Console" />
<telerik:EditorFont Value="sans-serif" />
<telerik:EditorFont Value="Tahoma" />
<telerik:EditorFont Value="Times New Roman" />
<telerik:EditorFont Value="Verdana" />
</FontNames>
<Content></Content>
</telerik:RadEditor>
<asp:RequiredFieldValidator ID="rfvMitigationAction" runat="server" ControlToValidate="txtMTEdit"
ErrorMessage="Please Enter Mitigation Action(s)" Display="None" InitialValue=""></asp:RequiredFieldValidator>
<ajaxToolkit:ValidatorCalloutExtender ID="vceMT" runat="server" TargetControlID="rfvMitigationAction"
CssClass="AjaxValidatorCalloutExtender">
</ajaxToolkit:ValidatorCalloutExtender>
</EditItemTemplate>
<ItemStyle HorizontalAlign="Left" Width="20%" VerticalAlign="Top"></ItemStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="URL" DataField="URL" ItemStyle-HorizontalAlign="Left"
HeaderStyle-Width="10%">
<ItemTemplate>
<asp:HyperLink ID="hplnkURL" runat="server" Text="View FMEA here" NavigateUrl='<%#Eval("URL")%>'
Target="_blank" ForeColor="Blue"></asp:HyperLink>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox runat="server" ID="txtURL" Text='<%#Eval("URL")%>' CssClass="textboxCalibri"></asp:TextBox>
</EditItemTemplate>
<ItemStyle HorizontalAlign="Left" Width="15%"></ItemStyle>
</telerik:GridTemplateColumn>
<telerik:GridButtonColumn UniqueName="Delete" CommandName="Delete" ButtonType="ImageButton"
ImageUrl="..\Images\delete.gif" ConfirmText="Do you want to delete this row?">
<ItemStyle HorizontalAlign="Left" Width="4%"></ItemStyle>
</telerik:GridButtonColumn>
</Columns>
<ItemStyle VerticalAlign="Top" />
<ItemStyle CssClass="gridlabel" VerticalAlign="Top" />
<AlternatingItemStyle CssClass="gridlabel" VerticalAlign="Top" />
<HeaderStyle CssClass="gridlabel" />
<CommandItemSettings RefreshText="" ShowRefreshButton="false" AddNewRecordImageUrl="../Images/AddRecord.gif" />
<NoRecordsTemplate>
No Records to display.</NoRecordsTemplate>
</mastertableview>
</telerik:radgrid>
<telerik:radajaxloadingpanel id="ra1grdRAQ" runat="server" horizontalalign="Center"
enableskintransparency="true" skin="Default" backgroundposition="Center">
</telerik:radajaxloadingpanel>
</td>
</tr>
<tr>
<td>
 
</td>
</tr>
<tr>
<td align="left" valign="top" class="label" colspan="3">
FMEA Attachment <span id="spnFMEAv2" visible="false" class="label" runat="server"
style="color: Red;">*</span>
</td>
</tr>
<tr>
<td colspan="3">
<uc:multipleattachments id="MultipleAttachments" runat="server" documenttype="FMEAv2" />
</td>
</tr>
<tr>
<td align="left">
 
</td>
</tr>
<tr>
<td align="left">
 
</td>
</tr>
</table>
</asp:Content>

answered on 20 Jan 2015, 08:24 AM

Hi Aman,

Examining the configuration provided, these columns are properly configure to be shown, although, the other columns look like in editing mode.

It seems also, that a lot of things are going on in the code behind and the reason for this behavior might be there.

I suggest trying to isolate the issue in a simple, locally runnable solution, so that you could be able to locate the problematic matter. If you are unable to handle the issue, you can provide the simple solution with the reproducible issue, so that I could locally examine it and try assist you further on the matter.

Regards,
Ianko
Telerik

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Form editor Distroted after Telerik Upgrade

3 Answers, 1 is accepted