易企办帮助中心易企办帮助中心
常用查询:新手上路, 流程设计, 字段控件
  • 首页
  • 知识库分类
    • 新手指南
    • 工作区,应用及组件管理
    • 业务数据及内容管理
    • 业务流程自动化管理
    • 设计器,控件,字段及编辑器
    • 管理中心及系统设置
    • 系统集成及扩展开发
  • FAQ | 常见问题
  • 首页
  • 知识库分类
    • 新手指南
    • 工作区,应用及组件管理
    • 业务数据及内容管理
    • 业务流程自动化管理
    • 设计器,控件,字段及编辑器
    • 管理中心及系统设置
    • 系统集成及扩展开发
  • FAQ | 常见问题
首页/知识库/设计器,控件,字段及编辑器/高级控件/新闻控件

新闻控件

37 查看 0 2022年12月16日 上次更新日期 2022年12月17日 Christin Gan

笔记:

通过新闻控件,您可以以各种布局和方式显示任何类型的内容列表。此控件可以用来显示某个特定类别的新闻或最近的更新等。

  此图像具有空的 alt 属性;其文件名为 News1.jpg-1024x564.png  

在页面上添加新闻控件

您可以在控件面板/高级中找到新闻控件,用鼠标拖动将此控件添加到表单设计器。

此图像具有空的 alt 属性;其文件名为 News2-1024x323.png  

选择数据源

内容

  1. 数据源:选择数据列表所属的应用。然后选择所选应用下的数据列表。
  2. 数据过滤:单击过滤条件按钮,在此添加数据过滤的条件。
  3. 首要排序&次要排序:设置列表中数据的排序方式。

此图像具有空的 alt 属性;其文件名为 News3-1024x437.png

 

布局

列数:设置新闻可显示的列数,取值范围为1-6,您可以为不同设备(PC、平板电脑、移动设备)设置不同的列数。例如,为 PC 设置 3 列,为移动设备设置 1 列。

此图像具有空的 alt 属性;其文件名为 News4-1024x576.jpg

 

图片字段:设置此新闻控件的图片字段。如果所选内容列表中没有图片字段,或者您不想在新闻控件中包含图片,则将此选项留空。如果设置了图片字段,但内容列表中该图片字段没有数据,那么新闻中该图片位置为空。

此图像具有空的 alt 属性;其文件名为 News5-1024x576.png

 

位置:设置图片相对于内容的位置,取值范围:顶部/左侧/右侧

瀑布流:开关

图片比例:设置图片的显示比例

图画尺寸:设置图片尺寸,可以是缩略图,也可是完整的大图

宽度:设置图片的确切宽度(单位:px/%)

此图像具有空的 alt 属性;其文件名为 News6-1024x576.png

 

标题字段:选择新闻数据的标题字段

摘要字段:选择新闻数据的摘要字段

摘要长度:设置摘要字段显示的最大长度(字符数)

补充字段:选择要在新闻控件中显示的其他字段,可以设置多个字段

分隔符:设置多个补充字段之间的连接符

显示“更多”按钮:开关,设置该新闻控件是否显示“更多”按钮

自定义按钮文字:当显示更多按钮开关打开时,可是设置该按钮的文字,默认为“更多”

此图像具有空的 alt 属性;其文件名为 News7-1024x576.png

 

链接:选择该数据表中每一项(行)的明细页面。详细信息页面是在数据列表中创建的。选择默认布局将显示您在数据列表中设置的默认视图页面。如果您创建了其他自定义列表表单,这些表单将在默认布局之后显示(例如,新表单、查看表单和编辑表单在以下示例中是自定义列表表单)。选择自定义 URL 将允许您创建动态 URL。如果您只想显示此数据表中的数据,请选择无,并且数据行设置为不可点击。

此图像具有空的 alt 属性;其文件名为 News8-1024x541.jpg

 

打开方式:选择您希望如何打开详细信息页面。

  • 弹出窗口:表示详情页将显示为弹窗
  • 全屏:全屏表示点击每一行后,页面将重定向到详情页。
  • 新窗口:将打开另一个窗口并显示详细信息页面

值为空时隐藏:如果此新闻控件中没有值,则此控件不会显示在页面上。

后备文字:使用后备文字字段设置在新闻控件没有内容或不存在时显示的默认内容。

分页设置

仅显示部分记录:开关,默认值为关,表示所选数据源的所有记录都将显示在此新闻控件中。您可以设置每页记录中显示的记录数目,并通过对齐设置分页的对齐方式。

此图像具有空的 alt 属性;其文件名为 News9-1024x436.png

 

当您只想显示数据源的一部分内容,请打开此开关。您可以在”记录限数”输入您希望显示的记录数目。打开查看更多记录将在此新闻控件的底部显示一个超链接。您可以在自定义文本的文本框中自定义文本。同样的,您也可以在对齐设置对齐方式。

设置新闻控件的样式

布局

  1. 列间隙:设置新闻每一列之间的间距
  2. 行间隙:设置新闻每一行之间的间距
  3. 对齐:设置新闻的对齐方式

 

此图像具有空的 alt 属性;其文件名为 News10-1024x505.png

 

内容框

  1. 边框宽度:设置边框的宽度
  2. 边框半径:设置边框的半径(圆角)
  3. 内边距:设置新闻整体内边距
  4. 内容内边距:设置新闻内容的内边距
  5. 阴影:设置新闻框的阴影
  6. 背景颜色:设置常规状态和鼠标悬停状态时的背景色
  7. 边框颜色:设置常规状态和鼠标悬停状态时的背景色

此图像具有空的 alt 属性;其文件名为 News11-1024x576.png

 

图片

  1. 边框半径:设置新闻图片字段的圆角
  2. 间距:设置新闻图片与文本内容之间的间距
  3. CSS过滤器:通过更改模糊、亮度、对比度、饱和度和色调设置的 CSS 过滤器比例来调整图像样式

内容

标题

颜色:标题文本的颜色

排版:标题文本的排版

间距:设置标题和补充字段之间的间距

补充字段

颜色:补充文本的颜色

分隔符颜色:补充文本为多个字段时,连接符的文本颜色

排版:补充文本的排版

间距:设置补充字段和摘要字段之间的间距

摘要

颜色: 摘要字段的文本颜色

排版:摘要字段的文本排版

间距:摘要字段与按钮之间的颜色

后备文字

颜色: 后备文字的文本颜色

排版:后备文字的文本排版

间距:设置后备文字与按钮之间的间距

分页设置

颜色:设置分页的文本颜色

排版:设置分页的文本排版

间距:设置内容和分页之间的间距

 

此内容是否有帮助?

是的  没有
相关文章
  • 图库控件
  • 图标列表
  • 提示框
  • 进度条控件
  • 警报
  • 数据表格控件

未找到相关信息? 到线上社区进行咨询

高级控件
  • 新闻控件
  • 高级布局控件 – 标签页
查看全部 11  

  数据表格控件

甘特图  

易企办是业内领先的无代码应用构建平台,帮助您实现快速实现高效,安全,一致的现代化业务协作能力。
产品功能
  • 企业级应用构建
  • 业务流程构建
  • 业务数据管理
  • 自定义页面
  • 外部服务门户
帮助与支持
  • 帮助中心
  • 用户社区
办公地址
上海市浦东新区
峨山路91弄100号
陆家嘴软件园2号楼805室
公司信息
  • 关于我们
  • 新闻资讯
联系我们
  • 400-168-0365
  • support@yeeoffice.com
  • 隐私声明
  • 服务协议
  • @ 2022 知普信息. 版权所有

常用查询:新手上路, 流程设计, 字段控件