Form editor Distroted after Telerik Upgrade

4 posts, 1 answers
  1. Aman
    Aman avatar
    14 posts
    Member since:
    Aug 2013

    Posted 08 Jan 2015 Link to this post

    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>
     
  2. Answer
    Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 12 Jan 2015 Link to this post

    Hello Aman,

    The described behavior is already reported as a bug report. You can follow this feedback portal item for further details 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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Aman
    Aman avatar
    14 posts
    Member since:
    Aug 2013

    Posted 16 Jan 2015 in reply to Ianko Link to this post

    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>
                    &nbsp;
                </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">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td align="left">
                    &nbsp;
                </td>
            </tr>
        </table>
    </asp:Content>

  5. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 20 Jan 2015 Link to this post

    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.

     
Back to Top