I have been moved

Err! This is the old blog. Update blog can be found at the address mentioned below.


Increase Rich Text Editor’s Field Width in SharePoint site

There are times when you would like that the rich text editor on your SharePoint site fits the entire page width so that you can edit the content easily. By default, the editor field is around 400 pixels in width and does not increase beyond it. It is due to the CSS style applied on that SharePoint field control.

I wanted something like this on my site:

RIch Text Editor with increased field width

Rich Text Editor increased field width

This is how you achieve it:


Thanks to Zach. This was a very simple CSS hack to modify the width of the rich text editor.

1. Create a new .css file and enter the following code over there:

#onetIDListForm, #onetIDListForm .ms-formbody, #onetIDListForm iframe[title=”Rich Text Editor”]{
width:100% !important;

.ms-formbody span span div iframe, .ms-formbody span span table.ms-long{
width:100%; text-align:left;

2. Save the .css file in a document library on your site.

3. Reference the .css file in the masterpage using the following code.
<SharePoint:CssRegistration name=”<% $SPUrl:~SiteCollection/LIBRARY_NAME/YOUR_CSS_FILE_NAME.css%>” runat=”server”/>
4. Save the changes to MasterPage and refresh the page.