自适应表单创作界面允许您使用布局模式调整组件大小。 在列中拖放蓝色圆点以定义要放置组件的起始点和终点。 点按响应式网格中的组件后,将显示蓝色圆点。 响应式网格由12个相等的列组成。 替代列中的白色和蓝色底纹将一列与另一列区分开。
您可以使用布局模式调整所有设备类型(如台式机、平板电脑、手机和其他较小设备)的组件大小。 平板电脑自动从桌面版本导出布局配置,而较小的设备从手机导出布局配置。 但是,您可以覆盖自动派生的配置,以便为每种设备类型定义不同的配置。
从下拉列表中选择布局 ,该下拉列表显示在自适应表单创作界面顶部的预览选项旁边。 表单将在布局模式下显示。
登录到AEM创作实例,然后导航到Adobe Experience Manager > Forms > Forms和文档。
创建新表单或打开现有自适应表单。
从显示在预览选项旁边顶部的下拉列表中选择布局。 表单将在布局模式下显示。
在布局模式下,点按组件以调整大小。 蓝色圆点显示在响应式网格的开始和结束处。
拖放蓝色圆点以定义组件在响应式网格中的位置。
点按组件后显示的工具栏包含以下选项:
您还可以在面板级别使用还原断点布局()选项来撤消所有调整大小的更改。
无法使用布局模式调整表列、工具栏、工具栏按钮和目标区域组件的大小。 使用样式模式调整这些组件的大小。
目标: 您想要插入一个表组件和一个图像组件,并在自适应表单中将它们平行放置。
在自适应表单中使用编辑模式插入表和图像组件。 图像组件在表组件之后显示。
切换到布局模式,然后点按表组件。 用于调整组件大小的蓝色圆点显示在第1列和第12列。
将响应式网格的第12列蓝色圆点拖放到第6列。
同样,选择图像组件,并将响应式网格的第1列和第7列的蓝色圆点拖放到该位置。 表和图像组件彼此平行显示。
您可以选择图像组件,然后点按工具栏中提供的浮动到新行选项,以将图像组件移到下一行。
如果要调整整个面板的大小而不是单个组件的大小,请执行以下步骤:
点按面板中要调整大小的任何组件,选择,然后在下拉列表中选择第一个选项(如果该面板是组件的直接父项)。
蓝色圆点显示在响应式网格的开始和结束处。
拖放蓝色圆点以定义面板在响应式网格中的位置。
您可以重复步骤1和2,然后选择以将调整大小的面板移到下一行。
执行以下步骤以定义面板的列数:
在编辑模式中,点按面板,选择,然后从面板布局下拉列表中选择响应 — 页面上所有没有导航的内容选项。
点按以保存属性。
在布局模式中,点按面板中的任意组件,选择,然后选择面板。
点按,然后从下拉列表中选择列数。 列数可以介于1到12之间。 该面板将分为多列布局。
为使用AEM Forms 6.4或更低版本创建的表单启用新的响应式网格,以调整组件大小。
切换到新的响应式网格会丢弃已为表单中使用的组件定义的布局属性。
执行以下步骤以启用新的响应式网格:
自适应表单的新响应式布局允许您向表单添加具有旧响应式布局的自适应表单片段。 但是,新布局会丢弃已为片段中使用的组件定义的布局属性。 您可以切换到布局模式,以定义片段中使用的组件的布局属性。
如果您在具有旧响应式布局的自适应表单中嵌入具有新响应式布局的片段,则系统会提示您为表单启用布局模式并重新嵌入该片段。
要启用布局模式,请从预览选项旁边顶部显示的下拉列表中选择布局,然后点按是进行确认。 选择编辑模式以重新嵌入片段。
您可以通过编辑表单中所用模板的属性,来禁用具有旧响应式布局的表单的布局模式。
执行以下步骤以禁用布局模式:
选择工具 > 常规 > 模板并在编辑模式下打开表单中使用的模板。
选择左窗格中的文档容器,然后点按策略。
点按布局设置选项卡,然后选择禁用布局模式。
点按以保存模板属性。