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

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

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

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

clip_image002

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

clip_image004

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

clip_image006

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

clip_image008

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

clip_image010

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

clip_image012

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

clip_image014

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

clip_image016

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

clip_image018

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

clip_image020

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

clip_image022

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

clip_image024

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

clip_image026

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

clip_image028

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

clip_image030

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

clip_image032

总 结

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

目录
相关文章
|
10天前
|
弹性计算 关系型数据库 微服务
基于 Docker 与 Kubernetes(K3s)的微服务:阿里云生产环境扩容实践
在微服务架构中,如何实现“稳定扩容”与“成本可控”是企业面临的核心挑战。本文结合 Python FastAPI 微服务实战,详解如何基于阿里云基础设施,利用 Docker 封装服务、K3s 实现容器编排,构建生产级微服务架构。内容涵盖容器构建、集群部署、自动扩缩容、可观测性等关键环节,适配阿里云资源特性与服务生态,助力企业打造低成本、高可靠、易扩展的微服务解决方案。
1216 5
|
9天前
|
机器学习/深度学习 人工智能 前端开发
通义DeepResearch全面开源!同步分享可落地的高阶Agent构建方法论
通义研究团队开源发布通义 DeepResearch —— 首个在性能上可与 OpenAI DeepResearch 相媲美、并在多项权威基准测试中取得领先表现的全开源 Web Agent。
1180 87
|
10天前
|
云栖大会
阿里云云栖大会2025年9月24日开启,免费申请大会门票,速度领取~
2025云栖大会将于9月24-26日举行,官网免费预约畅享票,审核后短信通知,持证件入场
1773 12
|
19天前
|
人工智能 运维 安全
|
2天前
|
资源调度
除了nrm-pm,还有哪些工具可以管理多个包管理器的源?
除了nrm-pm,还有哪些工具可以管理多个包管理器的源?
230 127
|
10天前
|
弹性计算 Kubernetes jenkins
如何在 ECS/EKS 集群中有效使用 Jenkins
本文探讨了如何将 Jenkins 与 AWS ECS 和 EKS 集群集成,以构建高效、灵活且具备自动扩缩容能力的 CI/CD 流水线,提升软件交付效率并优化资源成本。
362 0