New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Make RadEditor Content Area to fill the width of the page

Environment

Product RadEditor for ASP.NET AJAX

Description

The solution answers the questions below and allows you to customize the appearance of RadEditor:

  • I need the editor content area to be full-width of the page.
  • I'd like the content area to span to the very edges of the page.

Solution

Here is how with simple CSS to reduce the left and right padding and the border of the content area of RadEditor when its Width is 100%:

<style> 
.RadEditor.reWrapper {
    border: none;
    padding: 0;
    position: absolute;
    left : 0;
}
</style>
<telerik:RadEditor runat="server" ID="RadEditor1" Width="100%"></telerik:RadEditor>
In this article