editor with body {overflow: hidden;}

[fquinty]

hello,

I have a page where i have to force a CSS style : body {overflow: hidden;}

This page contains a RadEditor (2008 Q3)

because of the overflow: hidden of the body, there is no vertical scroll bar displayed if the text is longer than the height of the Editor.

How can I keep the overflow: hidden of the body but displayed the vertical scroll bar? I have tried to force a overflow: visible to elements of the Editor (table, textarea) without success.

Regards

Frank Quinty

[Rumen]

Hi,

To fix the problem, just set the CssFiles property of RadEditor to point to an external css file or empty string, e.g.

<telerik:RadEditor runat="server" ImageManager-ViewPaths="~/Images" ID="RadEditor1">
    <CssFiles>
        <telerik:EditorCssFile Value="~/CssFile.css" />
    </CssFiles>
</telerik:RadEditor>

Thus the editor will not pick up the classes from the parent page and apply them to its content area.

Kind regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[fquinty]

Hi Rumen ,

OK, this works fine. i have left the skin in the RadEditor and force an empty external CSS :

<telerik:RadEditor runat="server" skin="Gray" ImageManager-ViewPaths="~/Images" ID="RadEditor1">
    <CssFiles>
        <telerik:EditorCssFile Value="" />
    </CssFiles>
</telerik:RadEditor>


Regards,

Frank Quinty

[Christopher Bishop]

This doesn't work for me any other ideas?

I have same problem if body{overflow:hidden;} is on i cannot get a scrollbar period, if i remove the overflow it works just fine however the page in which i have the editor has to have overflow hidden.

I have tried the css file thing and it doesn't make a difference...

using Q3 SP1 +hotfix

I don't really care if it is a smiley hack i just need to know how to work around it.

[Tervel]

Hello Christopher,

The approach suggested by Rumen *will* work.
Please give it a try exactly as it is provided, and make sure in your custom css file there is no body {overflow: hidden;} declaration.
If you are not able to resolve the issue, please open a support ticket and send us your project demonstrating the problem. We will determine what is causing the wrong behavior and send you back a working version.


Greetings,
Tervel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.