RadEditor layout issue in grid GridTemplateColumn

[moegal]

RadEditor layout issue in grid GridTemplateColumn

U have some funky layout issues in chrome and IE11 with RadEditor in a grid column..

When i open a row to edit or insert, the min-height on the RadEditor is very large over 2000px and there is a sctrroll bar in the contents and the text is not selectable and it is very large, if I refresh it works the second time.

I have attached 2 separate images to show you.

 here is the code for the column:

<telerik:GridTemplateColumn DataField="pages_body"
                        FilterControlAltText="Filter pages_body column" HeaderText="Pages Body"
                        SortExpression="pages_body" UniqueName="pages_body" Visible="false">
                        <ItemTemplate>
                            <asp:Label ID="lblField1" CssClass="text" runat="server" Text='<%# Eval("pages_body") %>'></asp:Label>
                        </ItemTemplate>
                        <EditItemTemplate>

                            <telerik:RadEditor ID="gridEditor_Body" runat="server"
                                Content='<%# Bind("pages_body") %>' ToolsFile="PagesFile.xml"
                                OnClientCommandExecuting="OnClientCommandExecuting">
                                <DocumentManager ViewPaths="~/Images/UserFiles" UploadPaths="~/Images/UserFiles"
                                    DeletePaths="~/Images/UserFiles"
                                    SearchPatterns="*.pdf" MaxUploadFileSize="4096000" />
                                <ImageManager ViewPaths="~/Images/UserFiles" UploadPaths="~/Images/UserFiles" DeletePaths="~/Images/UserFiles"
                                    SearchPatterns="*.gif,*.png,*.jpg" />
                            </telerik:RadEditor>

                        </EditItemTemplate>
                    </telerik:GridTemplateColumn>

[Ianko]

Hello Marty,
 
The described issue is encountered doe to known issue related to the drawing and size calculation functionality of the RadEditor control when is shown via AJAX request.

The actual problem is due delay registration of the used CSS styles. When the initialization process starts, the editor's CSS files are missing. Due to that the browser starts drawing its layout. Due to the asynchronous matter of the request, the styles are loaded later and the control looks broken.

The resolution is to load manually the resources. This matter is discussed and further approaches for resolutions are provided in this forum thread.

I would like to mentioned that this issue will be handled in the upcoming release of the Telerik UI for ASP.NET AJAX suite (2014 Q1) and I can recommend trying to resolve this matter by upgrading the used controls.

Regards,
Ianko
Telerik

[moegal]

lanko,

it mostly works. It is now usable.

I am still getting some odd behavior.

I have attached an image below to show you.  I put a border around it in red.

here is the code I added on my master page.

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
       <StyleSheets>
           <telerik:StyleSheetReference Path="~/Content/Site.css" />
           <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Editor.css" />
           <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Editor.Web20.css" />
           <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Window.css" />
           <telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Window.Web20.css" />
       </StyleSheets>
   </telerik:RadStyleSheetManager>

thanks, Marty

[Ianko]

Hi Marty,

Unfortunately I am unable to reproduce the same issue on my end. I assume that this issue could be result of external CSS rules, added to the main page that affects the HTML elements of the RadEditor control.

I can suggest investigating the set styles and try if removing them resolves the issue. If this is not the case, please try isolating the problem in a simple project, which I could investigate on my end.

Regards,
Ianko
Telerik

[moegal]

thanks, I will try to isolate.

Marty