RadEditor Scrollbar

6 posts, 0 answers
  1. Arockia J
    Arockia J avatar
    13 posts
    Member since:
    Mar 2010

    Posted 25 Mar 2011 Link to this post

    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
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5428 posts

    Posted 25 Mar 2011 Link to this post

    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
  3. Arockia J
    Arockia J avatar
    13 posts
    Member since:
    Mar 2010

    Posted 28 Mar 2011 Link to this post

    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


  4. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5428 posts

    Posted 30 Mar 2011 Link to this post

    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
  5. sharmili priyadarsini
    sharmili priyadarsini avatar
    4 posts
    Member since:
    Feb 2010

    Posted 19 Sep 2013 Link to this post

    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?
  6. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5428 posts

    Posted 20 Sep 2013 Link to this post

    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.
Back to Top