1. 隐藏Quick Launch

<style type="text/css">
/*-- Hide Quick Launch --*/
#s4-leftpanel
{
   display:none;
}

/*-- Move the content placeholder to the left border --*/
.s4-ca
{
   margin-left:0px;
}

</style>

2. 隐藏Ribbon

<style type="text/css">
/*-- Hide ribbon --*/
#s4-ribbonrow
{
   display:none;
}

/*-- Hide top link bar --*/
.s4-pr
{
   display:none;
}

/*-- Hide title --*/
.s4-title
{
   display:none;
}

/*-- Force content to display --*/
#s4-mainarea
{
   display:block;
}

</style>

3. 隐藏列表web part中的列名

<style type="text/css">

/*-- Hide column headers from Web Parts --*/
tr.ms-viewheadertr
{
   display:none;
}

</style>

4. 隐藏列表web part中的'Add new item',

　　<style type="text/css">

/*-- Hide "Add new item" row from Web Parts --*/

td.ms-addnew
{
   display:none;
}
</style>

5.

6. sharepoint弹出菜单背景色 （比如下图）

ul.dynamic

{

	background-color:AntiqueWhite!important;

}

　

7. SharePoint 2010 中 Focus on Content （顶部、左侧都会隐藏）

页面：

<style type="text/css">

#s4-titlerow{

    display:none

}

#s4-leftpanel{

    display:none

}

#s4-ribbonrow{

    display:none

}

</style>

列表：

<style type="text/css">

#s4-titlerow {

    DISPLAY: none

}

#s4-leftpanel {

    DISPLAY: none

}

#s4-ribbonrow {

    DISPLAY: none

}

#s4-titlerow > div{

    display:none

}

</style>

文档库：

<style type="text/css">

#s4-titlerow {

    DISPLAY: none

}

#s4-leftpanel {

    DISPLAY: none

}

#s4-ribbonrow {

    DISPLAY: none

}

#s4-titlerow > DIV {

    DISPLAY: none

}
//仅当webpart左侧与浏览器有一定间隔时使用

#MSO_ContentTable{

    margin-left:0px;

}

td.ms-addnew

{

   display:none;

}

</style>

8. SharePoint控件ID中的"."，需要使用"\."来进行转义，例如：

//隐藏Ribbon中的Commit区域：

#Ribbon\.ListForm\.Edit\.Commit{

     display:none;

}

9. Flyout Menu:

<style type="text/css">

        .s4-ql ul.root ul > li > a

        {

            background-color:AntiqueWhite;

            border-style:solid;

            border-width:thin;

            border-color:#DBDDDE;

            color:blue;

        }

        .s4-ql ul.root ul > li > a:hover

        {

            background-color:#F3FBFF;

        }

</style>

<SharePoint:AspMenu id="V4QuickLaunchMenu" runat="server" EnableViewState="false" DataSourceId="QuickLaunchSiteMap" UseSimpleRendering="true" UseSeparateCss="false" Orientation="Vertical" StaticDisplayLevels="1" MaximumDynamicDisplayLevels="2" SkipLinkText="" CssClass="s4-ql" />

效果图：

10.

11. 隐藏"Recently Modified" 区域：

<style>

.s4-recentchanges{

    display:none;

}

</style>

12.

13. SharePoint 2013中点击文件类型图标icon时，不会打开文件（微软已经移除此功能），但可以在页面添加以下代码来实现点击图标打开文件的功能：

For document libraries 和 infopath libraries containing client forms:

<html>

    <head>

        <script src="http://XXX/sites/xxx/SiteAssets/jquery.min.js"></script>

    </head>

    <body>

        <script>

            _spBodyOnLoadFunctionNames.push('iconLinks');

            function iconLinks(){

                $('td.ms-vb-icon > img').each(function(){

                    $(this).parent().html('<a href="' + '../' + $(this).attr('title') + '">' + $(this).prop('outerHTML') + '</a>');

                });

            }

        </script>

    </body>

</html>

For infopath libraries containing browser enabled forms:

<html>

    <head>

        <script src="http://XXX/sites/xxx/SiteAssets/jquery.min.js"></script>

    </head>

    <body>

        <script>

            _spBodyOnLoadFunctionNames.push('iconLinks');

            function iconLinks(){

                $('td.ms-vb-icon > img').each(function(){

                    $(this).parent().html('<a href="' + '../' + $(this).attr('title') + '?openIn=Browser">' + $(this).prop('outerHTML') + '</a>');

                });

            }

        </script>

    </body>

</html>

14. Page Viewer web part不能接收参数，但可以用iframe来替代，参考此文章；

<script type="text/javascript">

    function getQueryStringRegExp(name) {

        var reg = new RegExp("(^|\\?|&)"

+ name + "=([^&]*)(\\s|&|$)", "i");

        if (reg.test(location.href))

return unescape(RegExp.$2.replace(/\+/g, " "));

        return "";

    }

    document.write("<iframe src='http://www.sitename.com/default.aspx?param1="+ getQueryStringRegExp('param1') + "' width=100% height=100%></iframe>");

</script>

15.

SharePoint Tricks - HTML & CSS & JavaScript的更多相关文章

  1. html css javascript 加载的顺序

    html /css /javascript 这三者的加载顺序影响整个页面的加载速度.而加载速度的快慢直接影响pv(访问量),而且会影响经济收入.在大网站中,可能打开速度快一秒,一年能多带来上亿的收入. ...

  2. Sublime Text插件：HTML+CSS+JAVASCRIPT+JSON快速格式化[转]

    今天在github上乱逛,无意间找到victorporof分享的htmlpretty插件,特做推荐: 先看看他是怎么描述htmlpretty的: This is a Sublime Text 2 an ...

  3. html+css+javascript实现列表循环滚动示例代码

    使用html+css+javascript实现列表循环滚动,设置时间定时,在规定的时间内替换前一个节点的内容,具体示例如下,感兴趣的朋友可以参考下 说明:设置时间定时,在规定的时间内替换前一个节点的内 ...

  4. HTML+CSS+JAVASCRIPT 总结

    1. HTML 1: <!doctype html> 2: <!-- This is a test html for html, css, javascript --> 3: ...

  5. Umbraco（3） - CSS & Javascript（翻译文档）

    原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco3css-javascript/ CSS & Jav ...

  6. 原创的基于HTML/CSS/JavaScript的层级目录树

    之前参加过一些基于HTML/CSS/JavaScript的项目,当在页面中需要生成一颗目录树时,总是首先想着网上有没有现成的生成树的源代码,比如dtree.zthee,或者使用一些javascript ...

  7. [MSDN] 使用 SharePoint 2013 中的 JavaScript 库代码完成基本操作

    MSDN:http://msdn.microsoft.com/zh-cn/library/jj163201.aspx 了解如何编写代码以在 SharePoint 2013 中使用 JavaScript ...

  8. [转]SharePoint 2010/2013 使用Javascript来判断权限的三种方法

    本文讲述SharePoint 2010/2013 使用Javascript来判断权限的三种方法的实现方式及其优缺点. 1. 根据用户所在的SharePoint组(比如用户在Leader 组才可以使用审 ...

  9. MiniCodeEditor：只有168字节的在线Html/CSS/JavaScript编辑器

    博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:MiniCodeEditor:只有168字节的在线Html/CSS/JavaScript编辑器.

随机推荐

  1. Sql server if-else以及switch

    --相当于C#中的if-else 根据levle列的值来判断自定义列显示的内容--要求then后面的数据类型必须一致 select * ,头衔=case when [levle]=1 then '菜鸟 ...

  2. Qt 学习之路 2（60）：使用 DOM 处理 XML

    Qt 学习之路 2(60):使用 DOM 处理 XML  豆子  2013年8月3日  Qt 学习之路 2  9条评论 DOM 是由 W3C 提出的一种处理 XML 文档的标准接口.Qt 实现了 DO ...

  3. 用python脚本 从xls文件中读取数据

    导入 xlrd 第三方模块 import xlrd data = xlrd.open_workbook('test.xlsx') # 打开xls文件 table = data.sheets()[0] ...

  4. EasyUI学习笔记（三）—— message和menubutton的使用

    一.message(消息框) 1.1 alert   <script type="text/javascript"> $(function () { // alert方 ...

  5. LDdecay计算和做图

    先下载PopLDdecay软件(开源GitHub) https://github.com/BGI-shenzhen/PopLDdecay PopLDdecay的安装 1) INSTALL Method ...

  6. C++_标准模板库STL概念介绍1-建立感性认知

    标准模板库的英文缩写是STL,即Standard Template Library. STL里面有什么呢? 它提供了一组表示容器.迭代器.函数对象和算法的模板. 容器是一个与数组类似的单元,可以存储若 ...

  7. 【算法笔记】B1036 跟奥巴马一起编程

    1036 跟奥巴马一起编程 (15 分) 美国总统奥巴马不仅呼吁所有人都学习编程,甚至以身作则编写代码,成为美国历史上首位编写计算机代码的总统.2014 年底,为庆祝“计算机科学教育周”正式启动,奥巴 ...

  8. 【算法笔记】B1032 挖掘机技术哪家强

    1032 挖掘机技术哪家强 (20 分) 为了用事实说明挖掘机技术到底哪家强,PAT 组织了一场挖掘机技能大赛.现请你根据比赛结果统计出技术最强的那个学校. 输入格式: 输入在第 1 行给出不超过 1 ...

  9. HDU - 1223 DP 分类

    据说这个是经典问题 \(dp[i][j]=dp[i-1][j-1]*j+dp[i-1][j]*j\) \(dp[i][j]\)表示前i个数分为j个集合,[i-1][j-1]为插入小于号[i-1][j] ...

  10. 编辑距离及编辑距离算法(求字符的相似度) js版

    编辑距离概念描述: 编辑距离,又称Levenshtein距离,是指两个字串之间,由一个转成另一个所需的最少编辑操作次数.许可的编辑操作包括将一个字符替换成另一个字符,插入一个字符,删除一个字符. 例如 ...