Showing posts with label set filed width in SharePoint. Show all posts
Showing posts with label set filed width in SharePoint. Show all posts

Friday, November 4, 2011

adjust the NewForm/EditForm fields width through the JavaScript in SharePoint

Modify the NewForm/EditForm fields width through the JavaScript as below:

script type="text/javascript" language="javascript"

//width
var inputs = document.getElementsByTagName("input"); //this is for textboxes
var textareas = document.getElementsByTagName("textarea"); //this is for multipline textbox
var selects = document.getElementsByTagName("select"); //this is for dropdown and date fileds

var width = 225;

for(var i=0;i{
if(inputs[i].className == "ms-long")
{

inputs[i].style.width = width + "px";
}

}

for(var i=0;i{
if(textareas[i].className == "ms-long")
{
textareas[i].style.width = width + "px";
}

}

for(var i=0;i{
if(selects[i].className == "ms-RadioText")

{
selects[i].style.width = width + "px";

}

}


/script

Reference URL: http://blogs.msdn.com/b/sharepointdesigner/archive/2008/01/25/modify-the-lengths-of-list-form-fields.aspx