RadEditro - Not wrapped in DIV mode

Thread is closed for posting
5 posts, 0 answers
  1. jawahar
    jawahar avatar
    10 posts
    Member since:
    Aug 2012

    Posted 11 Sep 2012 Link to this post

    In your demo URL

    http://demos.telerik.com/aspnet-ajax/editor/examples/settingcontentareadefaults/defaultcs.aspx

    When i Select ContentAreaMode as "DIV" and typed the continuous letter without any space/Break then RadEditor's width increases.

    But if have it in IFrame mode and typed the continuous letters then once reached end of rad editor it automatically wrapped.

    Above is my current requirement, so please help me to solve this issue.

    Also see attached image for reference.


    Thanks,
    Jawahar.
  2. Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 11 Sep 2012 Link to this post

    Hello,

    The reported issue is the default browser behavior of the editable DIV element and you can reproduce it with a standard editable div element (<div contenteditable="true" style="border: 1px solid red;">type long continuous word here</div>). The solution is to apply some width to the DIV element. For RadEditor you should apply the following class:

    .reContentArea
    {
        word-wrap: break-word;
        width: 300px;
    }


    Greetings,
    Rumen
    the Telerik team
    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 their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. jawahar
    jawahar avatar
    10 posts
    Member since:
    Aug 2012

    Posted 12 Sep 2012 Link to this post

    Thanks... It worked fine. I have one more requirement.

    Is there any possibility to decrease the space between text and the vertical scroll bar....??Compare to iframe mode in div mode there is more space between the text and the vertical scroll bar.Please see the attached image(Highlighted in yellow colour) for more details.

    Note.In my case only editor will be visible to the user..

    Thanks and Regards,
    Jawahar
  5. Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 12 Sep 2012 Link to this post

    Hello,

    The highlighted in yellow space in your screenshot is controlled by the width setting of the .reContentArea class. See this video for more information: http://screencast.com/t/KrgVaaatNVNU.

    Greetings,
    Rumen
    the Telerik team
    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 their blog feed now.
  6. jawahar
    jawahar avatar
    10 posts
    Member since:
    Aug 2012

    Posted 13 Sep 2012 Link to this post

    Thanks rumen for your instant support.Really it saved my time.

    Regards,
    Jawahar
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017