规定输出字段html,控制视图输出的包装字段内容的 HTML 标签《 Drupal 7 基础 (上) 》...
视图允许我们为分别定义用来包装字段内容,字段标签,还有字段内容和字段标签的 HTML 标签。
这里我们先来看一下电影的标题字段,可以使用 Chrome 浏览器的开发者工具查看一下,鼠标放在其中的一个电影标题内容上,点击右键,审查元素。
在这里,你可以看到,包装这个电影标题字段内容的是 标签。下面我们修改一下,打开视图的编辑界面…
把鼠标放在这个内容列表上,在列表的右上角会显示一个齿轮图标,点击这个齿轮图标,然后选择 编辑视图,这样可以直接打开这个视图的设置界面。
我们要设置的是 内容:标题 字段,点击打开这个字段。 然后点击 样式设定 …
这里已经勾选了 添加默认类,(! 去掉)它会在包装字段的 HTML 标签上定义一些 CSS 类,如果你不想使用这些默认的类,或者想添加自己定义的类,可以取消这个选项。
除了这个选项,另外还有三个选项,它们可以控制包装字段使用的 HTML 标签,还有在上面定义的 CSS 类。
我们要修改的是包装字段内容的 HTML 标签,勾选一下 定制字段的 HTML,然后在 HTML 元素 下面的下拉菜单里,我们可以重新为字段内容选择包装的 HTML 标签,选择 h3 。
如果你想在这个 HTML 标签上添加一个 CSS 类,可以勾选下面的 生成一个CSS类 这个选项,然后输入自己定义的类名…
点击 应用 ,保存…
回到电影列表页面…
再查看一下电影标题字段的元素… 你会看到,这里会使用我们选择的 h3 这个元素来标记标题内容。
在这个
元素的外面,还有一个
把鼠标放在内容列表上,点击右上角的齿轮图标,编辑视图,点击 内容:标题 这个字段,打开 样式设定。
勾选一下 定制包装字段和标签的 HTML,点击 HTML 元素 下面的下拉菜单,选择 无。
点击 应用 ,保存…
回到电影内容列表页面…
再查看一下标题字段的元素… 这里视图不再输出同时包装字段和标签的 HTML 元素了。
用同样的方法,你可以处理一下包装其它字段使用的 HTML 元素。尽量保存代码的简洁,去掉那些不需要的 HTML 标签。
规定输出字段html,控制视图输出的包装字段内容的 HTML 标签《 Drupal 7 基础 (上) 》...相关推荐
- SharePoint视图过滤中People字段的局限
摘要: 在SharePoint 2007中,遇到过一个很妖的问题,我们在一个自定义的列表中添加了一个新的People类型字段后在视图里面使用此字段=[Me],却怎么也没有起效果,所有的地方看起来都很正 ...
- SQL的视图操作删除一个字段(列)的方法
SQL的视图操作 1.创建视图 create view create view 视图名 as select 字段名from 表名where 限制条件 2.修改视图 alter view 可以用来删除列 ...
- oracle视图能否编辑数据,oracle视图的几个重要内容
视图是指计算机数据库中的视图,是一个虚拟表,其内容由查询定义.同真实的表一样,视图包含一系列带有名称的列和行数据.但是,视图并不在数据库中以存储的数据值集形式存在.行和列数据来自由定义视图的查询所引用 ...
- springMVC4(14)各类视图输出实例分析
1. 模板视图 FreeMarkerViewResolver . VolocityViewResolver 这两个视图解析器都是 UrlBasedViewResolver 的子类. FreeMarke ...
- ebs 选择excel输出 后缀 html,EBS报表输出文件格式控制
具体使用方法: 1.添加用户参数p_conc_request_id 2.在BeforeReport trigger中添加srw.user_exit('FND SRWINIT'); 和AfterRepo ...
- FPGA控制DDS_AD9850输出正弦波(“并行spi”)
本次介绍ADI公司的数字频率合成(DDS)芯片--AD9850以及如何使用FPGA控制其输出正弦波. 本文分三个部分讲解:一是AD9850芯片介绍,包括基本引脚功能.驱动时序以及相关注意事项:二是基于 ...
- 【微信小程序控制硬件⑦ 进阶篇】巧借阿里云物联网平台的免费连接,从微信小程序颜色采集控制 esp8266 输出七彩灯效果,中秋节来个直播如何?!
[微信小程序控制硬件第1篇 ] 全网首发,借助 emq 消息服务器带你如何搭建微信小程序的mqtt服务器,轻松控制智能硬件! [微信小程序控制硬件第2篇 ] 开始微信小程序之旅,导入小程序Mqtt客户 ...
- C语言日志级别和作用,自己写的C语言通用日志框架,可以控制日志输出等级
/************************************c语言通用日志框架************************************ * * @author 南栀(ke ...
- 通过过滤器控制页面输出内容
在打开的页面中弹出一个对话框,可通过过滤器来控制页面输出的内容,进行实现在每个响应的页面中都弹出一个对话框的功能 在完成过滤任务时,将请求的对象返回到自定义的应答对象中,通过自定义应答对象对请求的数据 ...
最新文章
- 乐源机器人没电提醒吗_我每天费尽心思,就为了逗一个机器人开心。。
- pytorch 维度变化的时候应该使用什么方法permute
- [No000092]SVN学习笔记3-Import/Checkout(迁入/迁出),GetLock(加锁)
- CMFCTabCtrl的使用
- 快速搞懂ThreadLocal实现原理
- 真机测试报错ERROR/AndroidRuntime: java.lang.RuntimeException: setParameters failed解决办法
- C++学习之路 | PTA乙级—— 1040 有几个PAT (25 分)(精简)
- yii 下 session 丢失的问题
- echart的x轴换行
- tsinsen A1333
- velocity语法
- vc ++ 实现检测变速齿轮,变速精灵, 变速类辅助工具
- 奥城大学计算机专业,美国研究生双录取的大学及可提供学位详情
- firebug lite for chrome
- 苹果手机上的python编程软件-Python编程软件有哪些?
- 排版侠html怎么复制,排版侠微信编辑器使用方法教程
- 棚卸資産管理の用語一覧(Glossary of inventory control terms and phrases)
- Deep C (and C++) by Olve Maudal and Jon Jagger
- c# Dispose实现 MSDN官方教程
- android手机拍照,如何用Android手机拍摄 Android手机拍摄技巧汇总【详细介绍】
热门文章
- jmeter自定义并发用户数图形插件介绍
- dobbo 简单框架
- 无刷新分页 jquery.pagination.js
- ADO.NET+Access: 3,参数 @departmentName 没有默认值
- pentaho DI--- Tutorial (spoon)
- nlp中的经典模型(三)
- HDU-5935 Car 逆推 贪心 精度
- faker和劫的图片_faker亲手画的劫被曝光,看到他的画,众人心里久久不能平息!...
- 区分大小屏幕_VESA持续推动DisplayHDR认证计划,你的屏幕属于何种等级吗?
- python写入二进制文件的库_python之写入二进制文件