Increasing the width of Multiple Lines of Text field on Custom Input Form
I have a custom list that has several fields defined as multiple lines of text, on my custom form I have created  NewForm_Custom.aspx I want to increase the width of the fields and cannot find an easy way to do this.  Is there an
January 30th, 2013 1:00pm

Hi Pinkston,

Do you mean you have replaced the default control for multiple line text field type with a input control? The default controls width for the multiple line text field can be adjusted by the settings of the field settings page.

If you doesnt use the default, control, I would recommend you to use textarea instead, like:
<textarea rows=4 cols=50 id=multitext runat=server>

</textareas>

More information,
http://www.w3schools.com/tags/tag_textarea.asp

Thanks,
Qiao
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
tnmff@microsoft.com.

Free Windows Admin Tool Kit Click here and download it now
January 31st, 2013 2:36am

tried this but got an error

      <td width="600px" valign="top" class="ms-formbody">
      <textarea rows=4 cols=50 id=multitext runat=server>
           <SharePoint:FormField runat="server" id="ff5{$Pos}" ControlMode="New" FieldName="Account_x002f_Client" __designer:bind="{ddwrt:DataBind('i',concat('ff5',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Account_x002f_Client')}"/>
       <SharePoint:FieldDescription runat="server" id="ff5description{$Pos}" FieldName="Account_x002f_Client" ControlMode="New"/>
</textarea> 
     </td>

January 31st, 2013 8:21pm

Hi Matt,

Sorry for may misleading, to increase the width of a multiple line text field, the easier way is to use a custom style, add a content edit web part to the form page, and put in the following code:

<style type="text/css" >

.ms-formbody

{

 width:200px;

}

</style>

More information, http://social.msdn.microsoft.com/Forums/eu/sharepointcustomization/thread/ccefe0b6-14a4-469e-b478-1875350b1c05

Otherwise, to use the textarea tag, it needs to custom the save button.

Thanks,


Free Windows Admin Tool Kit Click here and download it now
February 1st, 2013 8:28am

Where do I put that in my code?

<td width="600px" valign="top" class="ms-formbody">
           <SharePoint:FormField runat="server" id="ff5{$Pos}" ControlMode="New" FieldName="Account_x002f_Client" __designer:bind="{ddwrt:DataBind('i',concat('ff5',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Account_x002f_Client')}"/>
       <SharePoint:FieldDescription runat="server" id="ff5description{$Pos}" FieldName="Account_x002f_Client" ControlMode="New"/>
     </t

February 1st, 2013 3:38pm

Hi Matt,

the code that Qiao should be write when you add a content edit web part to the form page, and put in the code.

based on default it gave 386px for the width, if you have sharepoint designer it will help a bit, by overwriting the CSS styles, but these will change the whole page,

<style type="text/css" >.ms-long {  width:200px;}</style>

if you need to change only a part, I think you will need a jquery as example you may see this link: http://kjellsj.blogspot.com/2009/06/sharepoint-jquery-setting-td-column.html


Free Windows Admin Tool Kit Click here and download it now
February 19th, 2013 3:12am

Hi,

This change is working only till there is no item in the list,
If i am adding any item in the list,the change with the column is not persisting.

Please help.

June 23rd, 2015 2:36am

This topic is archived. No further replies will be accepted.

Other recent topics Other recent topics