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

RadEditor Scrollbar

5 Answers 403 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Arockia J
Top achievements
Rank 1
Arockia J asked on 25 Mar 2011, 07:05 AM
Dear Team,

I am using RadEditor to get comments from user, the scrollbar is always visible in disabled state even if it is not required. How can i avoid the disable scroll bar. Please review the attached file.

thanks & regards
Johnsi

5 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 25 Mar 2011, 03:50 PM
Hello Johnsi,

This looks like a scrollbar from the Editor's parent element, not from the Editor itself (note the end of the Editor being the black line above the scrollbar). I suggest for you to:
  • review the container's size with respect to the Editor's size
  • check the overflow property of the Editor's container
  • try setting the Editors Width property to 100%
  • If you still experience issues you could try to set the Editor's width to be a few pixels less than the container's.
If you are sure that this is a scrollbar from the editor's content area you can add a CSS rule in the Editor's CSS file to disable the horizontal scrollbar. For more information on the subject see the following article: http://www.telerik.com/help/aspnet-ajax/editor-content-area-appearance-problems.html.

If the above suggestions do not work for you please isolate the issue in a sample application and send it to us so we can investigate it. At that point I am unable to pinpoint the exact issue without being able to inspect your code.


Regards,
Marin
the Telerik team
0
Arockia J
Top achievements
Rank 1
answered on 28 Mar 2011, 06:04 AM
Dear Marin,

Thanks for your quick and valuable reply, why i face this issue is i have screen contains a RadEditor which uses "FullSetOfTools.xml" as skin. When i view the screen using FF 3.6.16  no problem in design but when i use IE 8.0 RadEditor not fit to the div, please review the "RadEditor.JPG" i got when i use IE. So i put style="overflow-x: scroll; overflow-y: hidden;"
 in the RadEditor.Instead of solving the scroll bar issue, is it possible to solve the issue i faced in IE. My RadEditor design side coding is
<telerik:RadEditor runat="server" ImageManager-ViewPaths="~/RadEditor/images" ImageManager-UploadPaths="~/RadEditor/images"
                        ImageManager-DeletePaths="~/RadEditor/images" DocumentManager-DeletePaths="~/RadEditor/documents"
                        DocumentManager-UploadPaths="~/RadEditor/documents" DocumentManager-ViewPaths="~/RadEditor/documents"
                        EditModes="Design" Font-Names="Verdana" ID="rtxtComments" Width="100%" Height="150px">
                    </telerik:RadEditor>

for the parent div the width is set dynamically by calculating the width of the label used in the left side of the RadEditor (RadEditor width = Parent div width - Label width).

thanks & regards
Johnsi


0
Marin Bratanov
Telerik team
answered on 30 Mar 2011, 03:42 PM
Hello Johnsi,

Based on the information you provided it looks like you are trying to put a lot of content in a place that just is not enough, so visual glitches can be expected.
For example Firefox renders rather well when the width is insufficient, but if the parent div is for example 700 instead of 450 pixels wide it fails, too (due to the small Editor height of 150pixels).
In the given 450pixels (I took the dimension from your screenshot as I do not have another source of information) even the default set of tools is too much for both IE and FF.

In such a case I would suggest that you either use a smaller ToolsFile (like in the previous screenshot/scenario), or allow for a larger space.

On a side note - setting the width to 100% and then changing it via JavaScript is a little contradictory, you should either set the width directly to the desired value, or put the RadEditor alone in its wrapper to allow it to resize properly.

Greetings,
Marin
the Telerik team
0
sharmili priyadarsini
Top achievements
Rank 1
answered on 19 Sep 2013, 11:32 AM
I have this issue when i tried using telerik editor inside the Modal pop up. Its like when I enter a text which goes longer than the editor's length and then i disable the RadEditor, then my panel is going beyond the page width. How to bring Scroll / wrap the text while doing so?
0
Marin Bratanov
Telerik team
answered on 20 Sep 2013, 10:10 AM
Hi,

I would suggest we keep the discussion on this issue in your other thread on the matter to avoid duplicates: http://www.telerik.com/community/forums/aspnet-ajax/editor/how-to-bring-scroll-in-pop-up-when-radeditor-is-disabled-when-we-have-the-long-text.aspx.


Regards,
Marin Bratanov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Editor
Asked by
Arockia J
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Arockia J
Top achievements
Rank 1
sharmili priyadarsini
Top achievements
Rank 1
Share this question
or