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.
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.
4 Answers, 1 is accepted
0
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:
Greetings,
Rumen
the Telerik team
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.
0

jawahar
Top achievements
Rank 1
answered on 12 Sep 2012, 08:44 AM
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
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
0
Hello,
The highlighted in yellow space in your screenshot is controlled by the width setting of the
Greetings,
Rumen
the Telerik team
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.
0

jawahar
Top achievements
Rank 1
answered on 13 Sep 2012, 08:35 AM
Thanks rumen for your instant support.Really it saved my time.
Regards,
Jawahar
Regards,
Jawahar