SharePoint - How to change width of rich text columns on forms?

If you want to change the width of any of the columns on the data entry forms (NewForm.aspx, EditForm.aspx, DispForm.aspx) you need to know the name of their associated style in the core.css. You can do this several ways, use IE8 Developer Toolbar (F12), I prefer to use SharePoint Designer and look at the Apply Styles – Show Styles Based On Selection.

Then you again have a few ways you can change that. If you want the change global then you could create an Alternate CSS adding something similar to below in it.

When I need to change them it is usually just for the one page for one site, so I just add a style reference in the page.

The most bothersome one for me is always the rich text field. Here is the entry to widen the rich text field.

<style>

.ms-formbody span span div iframe, .ms-formbody span span table.ms-long{
width:600px; text-align:left;
}

#onetIDListForm, #onetIDListForm .ms-formbody, #onetIDListForm iframe[title="Rich Text Editor"]{
width:600px !important;
}
</style>

Of course you could use JavaScript, but I prefer to use CSS when possible.

del.icio.us Tags: SharePoint,Rich Text,ms-formbody

Technorati Tags: SharePoint,Rich Text,ms-formbody