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

editor with body {overflow: hidden;}

4 Answers 153 Views
Editor
This is a migrated thread and some comments may be shown as answers.
fquinty
Top achievements
Rank 1
fquinty asked on 15 Dec 2008, 10:59 AM
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

4 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 18 Dec 2008, 09:38 AM
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.
0
fquinty
Top achievements
Rank 1
answered on 18 Dec 2008, 11:41 PM
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
0
Christopher Bishop
Top achievements
Rank 2
answered on 13 Jan 2009, 12:32 AM
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.
0
Tervel
Telerik team
answered on 13 Jan 2009, 07:19 AM
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.
Tags
Editor
Asked by
fquinty
Top achievements
Rank 1
Answers by
Rumen
Telerik team
fquinty
Top achievements
Rank 1
Christopher Bishop
Top achievements
Rank 2
Tervel
Telerik team
Share this question
or