SharePoint 2013 Designer系列之自定义列表表单

  在SharePoint的使用中,默认的样式过于单调经常困扰着我们,其实,SharePoint使用Designer工具,可以很轻松解决这一问题,制作出各式各样漂亮的页面。下面,让我们简单介绍下这一过程。

  1、首先创建一个测试列表,里面的字段如下:

  2、看一眼默认的Dispform.aspx页面,对于新闻来说,基本属于不能看;

  3、使用SharePoint Designer 2013打开列表,找到Dispform.aspx页面,右键在高级模式下编辑该文件,如下图:

  4、一般都是隐藏默认的td,然后新加一行tr、td,然后在新加的位置,添加显示项目表单,选择我们的测试列表News,如下图:

  5、点击ribbon上的菜单,添加/删除列,来编辑我们要显示的列和列的顺序,如下图:

  6、将要显示的列添加到右侧,并排序,如下图:

  7、找到如下位置,来修改Html的样式,修改为我们需要的样式,如下图:

  8、修改完的样式展示,是不是更像一篇新闻了呢?如下图:

  9、修改的Dispform.aspx页面,修改了table的结构,并添加样式,如下图:

  10、添加的自定义样式,当然我们也可以使用外部样式表,如下图:

  11、这样就完了么?错,当我们点击第二条测试数据的时候,发现显示的还是第一条数据,我们还需要为表单做筛选;

  12、在ribbon菜单上,点击筛选,如下图:

  13、筛选的域名就是ID,值需要后面新建一个参数,如下图:

  14、新建参数的截图如下,参数源是查询字符串;

  15、做好的筛选条件,如下图所示:

  16、再次点击第二条数据,发现正确进入了测试数据,很好!完工!

总 结

  以上是Dispform.aspx页面定制的简单思路,可以实现我们需要的展示方式;同样,编辑页面和修改页面,也可以进行相应定制,只要选取不同的视图即可。

SharePoint 2013 Designer系列之自定义列表表单,布布扣,bubuko.com

时间: 07-23

SharePoint 2013 Designer系列之自定义列表表单的相关文章

SharePoint 2013 Designer系列之数据视图筛选

在SharePoint中,我们经常需要对列表进行简单的筛选,这时,数据视图就有作用了,我们可以定制对于字段的筛选,来进行展示:特别的,筛选不同于搜索,并没有对于附件或者文档的全文检索,如果需要全文检索,可以使用列表的垂直搜索功能. 1.新建一个测试页面,然后右键在高级模式下编辑,如下图: 2.在PlaceHolderMain节点里,加入webpartzone,用来添加数据视图: 3.数据视图选择News列表,如下图: 4.列表视图就选择第一个就可以了,如下图: 5.查看测试页面,如下图: 6.在

SharePoint 2013 Designer 自定义操作菜单

众所周知,我们在SharePoint的二次开发中,经常会添加ECB菜单或者Ribbon菜单,通常我们会采取Feature的方式去添加一个Xml,或者采取JavaScript的方式,当然,除此之外,还可以利用Designer添加这些自定义操作,而且更加方便:但是,这种操作还是有缺点的,就是只能添加链接(目前我只发现能添加链接). 内容很简单,截图加描述的方式分享给大家,希望对有需要的人有个参考,呵呵. 1.打开列表,切换选项卡到列表设置,如下图: 2.创建一个ListItem Menu,填写Nam

HTML2列表表单框架

HTML--Hyper Text Markup Language <html>,<head>,<body> 一.基本标签: (一)格式标签:--模型:word工具栏 <font color="" size="" face="">,<b>,<i>,<u>,<center>,<br>   (二)内容容器:--模型:腾讯新闻页面 <h1&g

关于在SharePoint 2013(2010)中Javascript如何实现批量批准的自定义操作功能?

1.概述: SharePoint 2013(包括SharePoint 2010)提供了很方便的,多选的界面,但是很多操作还是不能批量进行,比如:批准的功能.如果您要解决方案不关心代码,那么请直接联系作者.如果您对技术感兴趣,那么下面的组合拳就是告诉你如何在2013的Ribbon的工具栏上实现这个小功能,整个实验必须要有SPD(SharePoint Designer 2013),要使用到Javascript的很多知识.作者完全从实际出发,应对了在这个过程中可能出现的各种各样的"状况",比

SharePoint 2013 为用户组自定义EventReceiver

前 言 在SharePoint的开发中,EventReceiver是很重要的一个部分,但是,常常遇到有些需要事件的时候,却没有相应的模板,因为EventReceiver创建时的模板只有那几个,除此之外我们就无法使用EventReceiver了么?其实不然,下面让我们以用户组为例,介绍下其他类型EventReceiver的创建方式. 1.新建一个Project,选择SharePoint 2013 – Empty Project,如下图: 2.选择Debug的站点,解决方案类型为Farm Solut

SharePoint 2013 设置自定义布局页

在SharePoint中,我们经常需要自定义登陆页面.错误页面.拒绝访问等:不知道大家如何操作,以前自己经常在原来页面改或者跳转,其实SharePoint为我们提供了PowerShell命令,来修改这些页面为我们自己的布局页. 具体设置,可以通过PowerShell命令的Identity参数来修改,可以修改的参数主要包括None.AccessDenied.Confirmation.Error.Login.RequestAccess.Signout 或WebDeleted. 设置自定义布局页的映射

在 SharePoint 2013中使用 RelatedItems 列(Site column)

本文讲述 在 SharePoint 2013中使用 RelatedItems 列(Site column). RelatedItems 一个隐藏的 Site column,用于存储与当前列表项(List Item) 有关的其他文档或列表项. 比较有意思的是,添加和删除RelatedItem都是在 View Form,而不失Edit Form: 那么这个列既然是隐藏字段,怎么把它修改成可以加入到其他列表和文档库的公共字段(Site column)呢? a.打开站点设置(Site settings)

sharepoint 2013 自定义列表查看页面附件打开新页面方法 dispform attachments open new page

我们在sharepoint的列表中,打开某一条数据,如果那条数据有附件,打开附件的时候,总是会把当前的页面给替换掉.如何在点击附件的时候,打开新页面,可以用一下一段脚本来处理. <script> $(document).ready(function () { if ($("#idAttachmentsTable") != null) { $('#idAttachmentsTabletbody tr td').each(function () { var href = $(t

sharepoint 2013基于AD的Form表单登录(二)——form登录页面自定义

配置好了sharepoint 2013基于AD的Form登录,只是成功了第一步,如何自定义登录页呢?特别是不要出现sharepoint2013自带登录页面,每次登录前还需要选择是否是form或者windows验证. 打开vs2012新建sharepoint 2013 project,在layouts目录下添加application page,页面命名为CustomLogin.aspx. 前台页面:为避免母版页中其他控件影响,注意继承的是simple.master         后台页面:继承F