SharePoint Tricks - HTML & CSS & JavaScript
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的更多相关文章
- html css javascript 加载的顺序
html /css /javascript 这三者的加载顺序影响整个页面的加载速度.而加载速度的快慢直接影响pv(访问量),而且会影响经济收入.在大网站中,可能打开速度快一秒,一年能多带来上亿的收入. ...
- Sublime Text插件：HTML+CSS+JAVASCRIPT+JSON快速格式化[转]
今天在github上乱逛,无意间找到victorporof分享的htmlpretty插件,特做推荐: 先看看他是怎么描述htmlpretty的: This is a Sublime Text 2 an ...
- html+css+javascript实现列表循环滚动示例代码
使用html+css+javascript实现列表循环滚动,设置时间定时,在规定的时间内替换前一个节点的内容,具体示例如下,感兴趣的朋友可以参考下 说明:设置时间定时,在规定的时间内替换前一个节点的内 ...
- HTML+CSS+JAVASCRIPT 总结
1. HTML 1: <!doctype html> 2: <!-- This is a test html for html, css, javascript --> 3: ...
- Umbraco（3） - CSS & Javascript（翻译文档）
原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco3css-javascript/ CSS & Jav ...
- 原创的基于HTML/CSS/JavaScript的层级目录树
之前参加过一些基于HTML/CSS/JavaScript的项目,当在页面中需要生成一颗目录树时,总是首先想着网上有没有现成的生成树的源代码,比如dtree.zthee,或者使用一些javascript ...
- [MSDN] 使用 SharePoint 2013 中的 JavaScript 库代码完成基本操作
MSDN:http://msdn.microsoft.com/zh-cn/library/jj163201.aspx 了解如何编写代码以在 SharePoint 2013 中使用 JavaScript ...
- [转]SharePoint 2010/2013 使用Javascript来判断权限的三种方法
本文讲述SharePoint 2010/2013 使用Javascript来判断权限的三种方法的实现方式及其优缺点. 1. 根据用户所在的SharePoint组(比如用户在Leader 组才可以使用审 ...
- MiniCodeEditor：只有168字节的在线Html/CSS/JavaScript编辑器
博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:MiniCodeEditor:只有168字节的在线Html/CSS/JavaScript编辑器.
随机推荐
- js 的常用选择器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- X7-2存储节点操作系统盘上的变化
我们知道,在X7-2之前,存储节点的12块机械硬盘的前2块(LUN0和LUN1)中各划出33GB的分区来做RAID1,这个RAID1再划出小的分区来存放操作系统和存储软件等. 但从X7-2开始,这发生 ...
- python环境搭建以及pycharm的安装
要实现python自动化,环境和IDE都是必须的.我选择的是python3.4.4版本以及pycharm社区版. 资源链接:https://pan.baidu.com/s/1hRqyRe3J ...
- CF1012B Chemical table（构造）
[Luogu-CF1012B] 还有重题 P5089[eJOI2018]元素周期表 题解原话 : 可以发现这个过程是不改变二分图中的连通分量的个数的 答案就是 连通分量数-1 证明 : 设一行或一列为 ...
- CentOS7 编译安装 php7
更新:2019-01-25 补充:CentOS 7.5 全新编译安装 PHP-7.3.1 ,补充内容接在原文之后 更新:2018-09-29 补充:新系统下编译安装PHP-7.2.5遇到的问题,补充内 ...
- P4174 [NOI2006]最大获利
传送门 把用户群和中转站都看成点 用户群权值为正,中转站权值为负 为了获得用户群的权值,我们不得不一起获得中转站负的权值 发现就是裸的最大权闭合子图 那么从用户群连边向中转站,边值INF 从 S 连向 ...
- AtCoder Beginner Contest 113 A
A - Discount Fare Time limit : 2sec / Memory limit : 1024MB Score: 100 points Problem Statement Ther ...
- UESTC - 1692 注意DP顺序
#include<iostream> #include<algorithm> #include<cstdio> #include<cstring> #i ...
- ZOJ - 2402 DP方案数
题意:给出m,序列第i位是第i-1位的至少2倍大,的求长度为n且每一位范围均在1-m的序列方案数 对求方案数做不到信手拈来的感觉,需要加强 用简单的预处理和最优子结构能优化到很不错的效率了 #incl ...
- [转] Java @interface 自定义注解
[From] http://blog.csdn.net/afterlife_qiye/article/details/53748973 1. 注解的好处 注解可以替代配置文件完成对某些功能的描述,减少 ...