How to increase the width and height of the Rich Text area field in Visual force Page?

Question

I know this question has been asked earlier. but did not see proper responses so asking again.

<apex:pageBlockSection title="Preview Pane" columns="1">
    <apex:inputTextarea richtext="true" id="EmailBody" label="EmailBody"  
         cols="1" ondblclick="false" disabled="false" 
         value="{!emailTemplateSelected.htmlValue}"/>
</apex:pageBlockSection>

I have tried to set the column value for the pageblock section. As well as for the inputtextarea. Still the column width dose not span the entire page.

<apex:inputTextarea richtext="true" id="EmailBody" label="EmailBody" cols="1" 
   ondblclick="false" disabled="false" value="{!emailTemplateSelected.htmlValue}" 
   style="height:200px;width:200px;"/>

Answer 1

Use the inputtextarea outside of pageblocksection. It should only be nested by pageblock.

Use row and cols attribute of apex:inputTextarea

<apex:inputTextarea richtext="true" id="EmailBody" label="EmailBody" cols="1" 
      ondblclick="false" disabled="false" 
      value="{!emailTemplateSelected.htmlValue}" row="100"/>

http://www.salesforce.com/us/developer/docs/pages/Content/pages_compref_inputTextarea.htm

According to the doc

"rows" : "Integer" : The height of the text area, as expressed by the number of rows that can display at a time.

"cols": "Integer" : The width of the field, as expressed by the number of characters that can display in a single row at a time.

And additionally make sure there is enough room for it to expand. So when you are marking pageBlocksection as columns="4" you are essentially dividing it into 4 parts and each component you add there takes a part of it.