sharepoint 表单页面 宽度修改

以编辑界面为例，使用SPD,修改方法如下 ：

1.       将原来的编辑界面的IsVisible属性设成<IsVisible>false</IsVisible>，隐藏原来的编辑框。

2.       在原编辑框下面插入sharepoint控件—自定义列表表单。可以选择编辑、新建、浏览三种状态中的一种。

3.       将新添加的编辑界面的宽度<WebPartPages:DataFormWebPart Width="790px" 设成你想要的值，同时调整每个字段的值。

<td width="150px" valign="top" class="ms-formlabel">

         <H3 class="ms-standardheader">

                   <nobr>标题<span class="ms-formvalidation"> *</span>

                   </nobr>

         </H3>

</td>

4.       在<asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server">中添加以下脚本

<!------ChangTextareaWidth---------------->

 <script type="text/javascript">  

_spBodyOnLoadFunctionNames.push("StartUpCustomScript");  

function StartUpCustomScript() {      

    IncreaseWidthOfIframes("Iframe","TextField_iframe");  

 }   

 function IncreaseWidthOfIframes(tagName,identifier) {  

     var len = identifier.length;  

    /* find all Iframe type controls on page (ie. control with tag <iframe/>) */

     var tags = document.getElementsByTagName(tagName); 

     for (var i=0; i < tags.length; i++) {  

         var tempString = tags[i].id; 

        /* find any Iframe type controls on page which have their name ending with 'TextField_iframe' */

         if(tempString.indexOf(identifier) == tempString.length-len )  

         {   

             tags[i].style.width="98%";         

         }  

     }   

       

     return null;  

 }    

 </script>

<!------ChangTextareaWidth End---------------->

 

</asp:Content>

5.       在

<asp:Content ContentPlaceHolderId="PlaceHolderBodyAreaClass" runat="server">中添加以下样式

<style type="text/css">

.ms-long {

         width:98%!important;

}

</style>

</asp:Content>

 

完成后的效果图：