RadEditor Has No Scroll Bar

[Kevin]

I have a RadEditor with a defined height whose content will need to scroll if necessary.  However, the control I've used (shown below) has no scroll bars by default.  The CSS for the page defines overflow: hidden, which could be the culprit.  However, when I've tried to specify overflow: auto (or scroll) for the editor, I get a scroll bar that encompasses the entire control (including the toolbar),  That means the toolbar scrolls as well, which is obviously not the intent.

Any help is appreciated.

<telerik:RadEditor ID="Instructions" runat="server" Width="640px" Height="300px" Skin="Office2007" EnableResize="false" EditModes="Design">

 

 

 

<Tools>

 

 

 

<telerik:EditorToolGroup >

 

 

 

<telerik:EditorTool Name="Cut" />

 

 

 

<telerik:EditorTool Name="Copy" />

 

 

 

<telerik:EditorTool Name="Paste" />

 

 

 

</telerik:EditorToolGroup>

 

 

 

</Tools>

 

 

 

</telerik:RadEditor>

 

 

 

 

[Rumen Jekov]

Hi,

By default, RadEditor copies the styles from the parent page in which it resides in order to display its content identically to the content on the parent page. Indeed, the problem is the mentioned overflow css setting applied to the body of the page.

The solution is setting the CssFiles property to point to an external css file and manually specify the classes that you want to load in the editor. By setting the CssFiles property you will prevent the editor to pick up the styles from the parent page, e.g.

 

CssFiles property
<telerik:RadEditor ID="RadEditor1" Runat="server">    <CssFiles>        <telerik:EditorCssFile Value="~/EditorContentArea.css" />    </CssFiles> </telerik:RadEditor>

More information is available in this article: http://www.telerik.com/help/aspnet-ajax/editor-content-area-appearance-problems.html