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

[Solved] GridHTMLEditorColumn popup grid edit

1 Answer 154 Views

Grid

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

kyle goodfriend asked on 07 Feb 2010, 06:20 AM

capture1.JPG

capture2.JPG

I have a grid with an edit column and have the edit for set to popup. When edit is clicked and the window pops open, the html edit fields are not displaying correctly. The row with the design/html/preview is in the middle of the window and the content of the field isn't displayed. If HTML is selected the text appears. When design is clicked, it stay and looks as I would expect. But it doesn't look right and isn't editable when it is opened. The first attachment is before clicking html, then design. The second isafter clicking the sequence. Any ideas what is going on with this? I have the most recent service patch of DLLs.

    
            <%@ Page Language="VB" AutoEventWireup="false" CodeFile="adminnomaster.aspx.vb" Inherits="Test_adminnomaster" %> 
        
            <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                </telerik:RadScriptManager> 
        
                <div> 
        
                <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True"  
        
                    AutoGenerateDeleteColumn="True" AutoGenerateEditColumn="True"  
        
                    DataSourceID="AccessDataSource" GridLines="None" Skin="Hay"  
        
                    AllowAutomaticUpdates="True" 
        
                    AllowAutomaticinserts="True" 
        
                    AllowAutomaticDeletes="True"  
        
                    AutoGenerateColumns="False"> 
        
                    <MasterTableView datakeynames="EventID" EditMode="popup"  
        
                        datasourceid="AccessDataSource" 
        
                        AllowAutomaticUpdates="true" 
        
                        AllowAutomaticinserts="true" 
        
                        AllowAutomaticDeletes="true"  
        
                        > 
        
            <EditFormSettings InsertCaption="Add new item" CaptionFormatString="Edit ProductID: {0}" 
        
                            CaptionDataField="ProductID" PopUpSettings-Modal="true" > 
        
                            <PopUpSettings width="700" /> 
        
                            </EditFormSettings> 
        
                        <EditFormSettings InsertCaption="Add new item"  
        
                            CaptionFormatString="Edit Event: {0}" 
        
                            CaptionDataField="EventID" PopUpSettings-Modal="True" > 
        
            <PopUpSettings Modal="True"></PopUpSettings> 
        
                        </EditFormSettings> 
        
                        <RowIndicatorColumn> 
        
                            <HeaderStyle Width="20px"></HeaderStyle> 
        
                        </RowIndicatorColumn> 
        
                        <ExpandCollapseColumn> 
        
                            <HeaderStyle Width="20px"></HeaderStyle> 
        
                        </ExpandCollapseColumn> 
        
                        <Columns> 
        
                            <telerik:GridBoundColumn DataField="EventID" DataType="System.Int32"  
        
                                HeaderText="EventID" ReadOnly="True" SortExpression="EventID"  
        
                                UniqueName="EventID"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="EventName" HeaderText="EventName"  
        
                                SortExpression="EventName" UniqueName="EventName"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridHTMLEditorColumn DataField="EventDescription"  
        
                                HeaderText="Description" UniqueName="EventDescription"> 
        
                            </telerik:GridHTMLEditorColumn> 
        
                            <telerik:GridDateTimeColumn DataField="EventDate" HeaderText="Date"  
        
                                UniqueName="EventDate"> 
        
                            </telerik:GridDateTimeColumn> 
        
                            <telerik:GridDateTimeColumn DataField="EventStartTime" HeaderText="Start Time"  
        
                                MinDate="1899-01-29" PickerType="TimePicker" UniqueName="EventStartTime"> 
        
                            </telerik:GridDateTimeColumn> 
        
                            <telerik:GridDateTimeColumn DataField="EventEndTime" HeaderText="End Time"  
        
                                MinDate="1800-01-01" PickerType="TimePicker" UniqueName="EventEndTime"> 
        
                            </telerik:GridDateTimeColumn> 
        
                            <telerik:GridHTMLEditorColumn DataField="EventLocation" HeaderText="Location"  
        
                                UniqueName="EventLocation"> 
        
                            </telerik:GridHTMLEditorColumn> 
        
                        </Columns> 
        
                    </MasterTableView> 
        
                </telerik:RadGrid> 
        
                <asp:AccessDataSource ID="AccessDataSource" runat="server"  
        
                    DataFile="~/App_Data/Events.mdb"  
        
                    DeleteCommand="DELETE FROM [tbEvents] WHERE [EventID] = ?"  
        
                    InsertCommand="INSERT INTO [tbEvents] ([EventID], [EventName], [EventDescription], [EventDate], [EventStartTime], [EventEndTime], [EventLocation]) VALUES (?, ?, ?, ?, ?, ?, ?)"  
        
                    SelectCommand="SELECT * FROM [tbEvents] ORDER BY [EventDate] DESC"  
        
                    UpdateCommand="UPDATE [tbEvents] SET [EventName] = ?, [EventDescription] = ?, [EventDate] = ?, [EventStartTime] = ?, [EventEndTime] = ?, [EventLocation] = ? WHERE [EventID] = ?"> 
        
                    <DeleteParameters> 
        
                        <asp:Parameter Name="EventID" Type="Int32" /> 
        
                    </DeleteParameters> 
        
                    <UpdateParameters> 
        
                        <asp:Parameter Name="EventName" Type="String" /> 
        
                        <asp:Parameter Name="EventDescription" Type="String" /> 
        
                        <asp:Parameter Name="EventDate" Type="DateTime" /> 
        
                        <asp:Parameter Name="EventStartTime" Type="DateTime" /> 
        
                        <asp:Parameter Name="EventEndTime" Type="DateTime" /> 
        
                        <asp:Parameter Name="EventLocation" Type="String" /> 
        
                        <asp:Parameter Name="EventID" Type="Int32" /> 
        
                    </UpdateParameters> 
        
                    <InsertParameters> 
        
                        <asp:Parameter Name="EventID" Type="Int32" /> 
        
                        <asp:Parameter Name="EventName" Type="String" /> 
        
                        <asp:Parameter Name="EventDescription" Type="String" /> 
        
                        <asp:Parameter Name="EventDate" Type="DateTime" /> 
        
                        <asp:Parameter Name="EventStartTime" Type="DateTime" /> 
        
                        <asp:Parameter Name="EventEndTime" Type="DateTime" /> 
        
                        <asp:Parameter Name="EventLocation" Type="String" /> 
        
                    </InsertParameters> 
        
                </asp:AccessDataSource> 
        
                </div> 
        
                <telerik:RadAjaxManager runat="server"> 
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="RadGrid1"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
                </form> 
        
            </body> 
        
            </html>

1 Answer, 1 is accepted

answered on 11 Feb 2010, 10:19 AM

Hello Kyle,

This is known issue in the older versions of RadEditor. Could you please confirm whether you use the latest release?

If the problem still persists, you could try to register the external skins of RadEditor as explained in the following KB:
http://www.telerik.com/support/kb/aspnet-ajax/editor/register-external-skin-vista-radeditor.aspx

You can also take advantage of Telerik CDN:
http://blogs.telerik.com/blogs/posts/09-12-08/cdn_support_ndash_radcontrols_for_asp_net_ajax.aspx

Kind regards,
Daniel
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.