Content not rendered due to CSS issue

[Paul Robertson]

Hi folks

I'm trying to get to grips with using RadEditor, but I'm having trouble with what I believe is a rendering/CSS issue. Could anybody tell me what I'm doing wrong? I have a RadEditor that refuses to display itself properly in Firefox, with the Content area not displayed - this appears to be because the markup generated for the corresponding TEXTAREA element is styled with display:none; which according to Firebug is originating from an element.style style - this looks like some default styling, which makes me think that I have missed an important CSS component from my ASP.NET code for the control:

<trk:RadEditor ID="radCommentEditor1" runat="server" EditModes="Design" Visible="true"
CssClass="~/stylesheets/trk/Editor.Default.css"
ContentAreaCssFile="~/stylesheets/trk/EditorContentArea_RTL.css"
TableLayoutCssFile="~/stylesheets/trk/TableLayoutCss.css"
Width="500px" Height="200px" Skin="Simple" Enabled="true" AutoResizeHeight="True"
ForeColor="SteelBlue" MaxHtmlLength="250" MaxTextLength="250"
Font-Names="Arial" Font-Size="Small"  >
<Content>
<p>Type here</p>
</Content>
<Tools>
          <trk:EditorToolGroup>
                    <trk:EditorTool Name="Bold" />
                    <trk:EditorTool Name="Italic" />
                    <trk:EditorTool Name="Underline" />
                     <trk:EditorTool Name="Cut" />
                    <trk:EditorTool Name="Copy" />
                    <trk:EditorTool Name="Paste" />
                    <trk:EditorTool Name="Undo" />
                    <trk:EditorTool Name="Redo" />
                    <trk:EditorSeparator />
                    <trk:EditorTool Name="Zoom" />
                    <trk:EditorTool Name="AjaxSpellCheck" />
                </trk:EditorToolGroup>
            </Tools>
</trk:RadEditor>

Given that all the stated stylesheets have been copied from the demo styles, i what else should I be including to get the content to display properly?

The problem is even worse in IExplorer, with the toolbar also failing to render, so I'm definitely going wrong somewhere, but I can't seem to find a lead in any of the documentation or examples!

Can anybody point me in the right direction, or suggest a better guide to coding for the RadEditor?

Thanks very much in advance

Regards

[Rumen]

Hi Paul Robertson,

The TEXTAREA element is actually the content area in HTML mode and it is hidden on purpose in Design mode. In order to help you we will need a sample working project along with your css stylesheet and screenshots of the issue that will help us to reproduce the problem. You will be able to submit the project by opening a support ticket.

Best regards,
Rumen
the Telerik team

[Paul Robertson]

Sorry, but I don't understand what this answer means - are there some words missing out of it? Which sample projects do you mean? If design mode is not correct, which mode should I be using? Using HTML mode for the control makes no difference, I already tried that, so I must be misunderstanding how the control is used. I was hoping for some pointers to some more detailed documentation/tutorials, as the bundled help pages don't cover my problem.

Thanks.

[Rumen]

Hello Paul,

Using the provided RadEditor's declaration, we are unable to reproduce the problem and help you. In order to help you, please provide
1) a sample reproduction project: Please, isolate the problem in a sample working project and send it for examination by opening a support ticket. You can attach only screenshots in the forums. To open a support ticket you should be a customer with active support or a trial user with active and not expired trial license.
2) please also provide a screenshot of the problem.


Greetings,
Rumen
the Telerik team

[Paul Robertson]

Hi

In case anybody else gets stuck on something similar, I worked out the cause of this problem: the RadEditor rendering issue seemed to be a symptom of an underlying problem caused by the RadScriptManager not working properly. I had a reference to the http handler for the WebResource.axd in web.config, but the RadScriptManager didn't work properly until the reference was fully qualified, like this:

      <add path="Telerik.Web.UI.WebResource.axd" verb="*"
      type="Telerik.Web.UI.WebResource, Telerik.Web.UI,
      Version=[xxxx.x.xxxx.xx], Culture=neutral,     
      PublicKeyToken=nnnnnnnnnnnnn" validate="false" />

     (where [xxxx.x.xxxx.xx] is the particular version of the Telerik.Web.UI.dll in use and nnnnnnnnnnnn is the relevant token for the dll)

The reason this was necessary on my system is due to the Telerik dll's being installed in the GAC. This only became apparent as the reason when I enabled the EnableHandlerDetection="true" setting in the markup for the RadScriptManager, which then resulted in an exception being thrown, due the failure of the handler verification.

Afterwards I realised that this is documented here in the RadScriptManager documentation:
     http://www.telerik.com/help/aspnet-ajax/radscriptmanager.html
but I had unfortunately not originally realised that my RadEditor problem was actually a RadScriptManager problem, so I had been reading in the wrong place!

Cheers