MOSS2007页面UI定制(无代码上手)

系统 1474 0

一、 问题需求:

公司同仁使用MOSS2007平台,觉得MOSS的界面不够友好,

主要有一下几个方面:

<1> 查看网站所有内容时候,左边的Menu区域不要显示。

<2> 查看清单信息时候,左边的Menu区域不要显示。

<3> 查看文件库信息时候,左边的Menu区域不要显示。

<4> 新建网站内容时候,左边的蓝色区域不要显示。

<5> 新建清单Item时候,左边的Menu区域不要显示。

<6> 新建清单Item时候,输入栏目区域的宽度width要设置为100%。

二、解决办法:

方法1:js方法

操作步骤:

<1> 在网站设置界面settings.aspx中,找到“网站集合功能”Site Collection Features,

选择项目Smart js ..选项,并将起激活active。

<2> 使用MOSS207 Designer,编辑default.master模版页面,

在头结点<headers></header>中 (注意添加core.js文件的引用,web server extensions\12\TEMPLATE\LAYOUTS\2052和1028等路径,都要放入相应的core.js文件),加入如下代码:

<script type="text/javascript">
     $(document).ready(function){
        // 设置清单Item的width为100%
         $('#onetIDListForm').css('width','100%');
        $('.ms-formbody').css('width','100%');
        
        //
         $('btnHide').show();
        $('btnShow').hide();
       
        var isHide = false;
        $('.ms-pagemargin').click(
            function(){
               if(!isHide)
               {
                   // "查看网站所有内容"左边Mene边框,单击事件:可以打开、收起Menu
                   $('.ms-navframe').fadeOut('faset');
                   $('#btnHide').hide();
                   $('#btnShow').show();
                  
                   // 收起清单打开后的左边的Menu
                      $('#TitleAreaImageCell').css('display','none');
                   $('#LeftNavigationAreaCell').css('display','none');
                  }
                
               if(isHide)
               {
                   //"查看网站所有内容"左边Mene边框,单击事件:可以打开、收起Menu
                      $('.ms-navframe').fadeOut('slow');
                   $('#btnHide').show();
                   $('#btnShow').hide();
                  
                   // 显示清单打开后的左边的Menu
                      $('#TitleAreaImageCell').css('display','block');
                   $('#LeftNavigationAreaCell').css('display','block');               }
            }
       
        )
         
     }
</script>

方法2:修改core.css文件

操作步骤:

<1>  找到该MOSS2007网站对应的服务场Farm的所有web server,

找到对应资源路径,比如C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\2052\STYLES\,找到对应的core.css文件。

<2>  编辑修改core.css文件,修改内容如下,最后保存内容(注意:其他内容不要随意变更)。

#TitleAreaImageCell
{
  /* 作用:消除"查看网站内容时候,左面的上半部分的Menu信息" */
  /*  修改者:田东 */
  /*  修改时间:2010.12.25  20.01 */
  display:none;
}

#LeftNavigationAreaCell
{
  /* 作用:消除"查看网站内容时候,左面的下半部分的Menu信息" */
  /*  修改者:田东 */
  /*  修改时间:2010.12.25  20.01 */
  display:none;
}
#ms-navframe
{
  /* 作用:消除"查看清单信息时候,左面的Menu信息" */
  /*  修改者:田东 */
  /*  修改时间:2010.12.25  20.01 */
  display:none;
}
#onetIDListForm
{
  /* 作用:打开清单信息,创建清单Item时候,将清单的宽度设置为100% */
  /*  修改者:田东 */
  /*  修改时间:2010.12.25  20.01 */
  width:100%;
}

三、变更前后的效果:

<1> 查看网站所有内容时候,左边的Menu区域不要显示

修改前:

修改后:

 
<2> 查看清单信息时候,左边的Menu区域不要显示

修改前:

修改后:

<3> 查看文件库信息时候,左边的Menu区域不要显示

 

修改前:

修改后:

<4> 新建网站内容时候,左边的蓝色区域不要显示

 

 

修改前:

修改后:

<5> 新建清单Item时候,左边的Menu区域不要显示

 

 

修改前:

修改后:

<6> 新建清单Item时候,输入栏目区域的宽度width要设置为100%

 

 

修改前:

修改后:

MOSS2007页面UI定制(无代码上手)


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论