基于核心组件的自适应Forms的布局功能

登录到您的Experience Manager Forms实例。

选择左上角的​Adobe Experience Manager > Forms > Forms和文档。

在编辑模式下打开现有的自适应表单（如果已经创建）。

或者，您也可以创建新的自适应表单。

在表单生成器中找到允许您添加布局的部分。

单击​ 添加 ​图标。 图标是一个加号(+)，表示添加新组件的选项。

单击​ 添加 ​图标会显示​ 插入新组件 ​对话框，其中显示了要插入的各种组件。

浏览对话框中的可用组件，并从列表中选择所需的布局。 在本例中，我们选择“水平选项卡”组件来插入水平选项卡布局。

将水平选项卡组件添加到表单时，它最初由两个空面板组成，默认情况下分别名为Item1和Item2。 您需要手动将表单组件添加到这些面板。

打开水平选项卡组件的属性，并指定组件的名称。
例如，在本例中，我们将水平选项卡组件的名称添加为IT请求表单。

单击​完成。

打开水平选项卡组件属性，然后单击​ 项目 ​选项卡。

水平选项卡的

单击​ 添加 ​图标以添加新面板。

单击​ 添加 ​图标时，将显示​ 插入新组件 ​对话框。

选择面板组件。

选择面板组件后，新面板将添加到水平布局中。

为新面板提供一个名称；否则，无法保存水平选项卡组件的属性。

指定面板的名称，如下图所示：

单击​完成。

单击​ 完成 ​后，三个面板会并排显示。 面板名称显示为每个面板的标题，您可以将表单组件添加到每个面板。

您可以配置面板组件的属性。 例如，IT请求表单不包括面板标题，以下是配置面板组件属性的步骤。

打开第一个面板的属性。

从​ Basic ​选项卡中选择​ 隐藏标题 ​复选框。

单击​完成。

在允许您添加组件的面板中查找部分。

单击​ 添加 ​图标。 图标是一个加号(+)，表示添加新组件的选项。

单击​ 添加 ​图标会显示​ 插入新组件 ​对话框，其中显示了要插入的各种组件。

浏览出现的对话框中的可用组件，然后选择所需的组件。 在本例中，选择文本框组件。

打开所添加组件的属性并指定其名称。 允许编辑已添加文本框组件的属性并指定其名称。

同样，添加另外两个文本框组件，名称将这两个组件添加为电子邮件ID和部门。

现在，第一个面板中的组件已添加，您可以继续将组件添加到第二个面板。

若要切换面板，请单击工具栏中的​选择面板。

单击​ 选择面板 ​时，水平选项卡组件中已添加面板的列表即会显示。

从面板列表中选择​2面板，视图将从第一个面板更改为第二个面板。

重复步骤2到步骤4中所述的步骤，在面板2中添加所需的组件，如下图所示：

按照步骤6和步骤7中所述的步骤切换到​3面板。

重复步骤2到步骤4中列出的步骤，在面板3中添加所需的组件：

单击创作环境右上角的​预览。

单击布局组件工具栏中的替换图标，此时将显示​ 替换组件 ​对话框。

从​ 替换组件 ​对话框中选择所需的布局。

选择布局后，布局中组件的排列方式会相应发生变化。 例如，从​ 替换组件 ​对话框中选择垂直选项卡组件；面板的排列方式将更改为左侧的选项卡：

找到用于添加组件的部分。

导航到创作环境中的左侧面板，然后单击​组件。

单击​ 组件 ​选项时，将显示可用组件列表。

浏览可用的组件并选择所需的组件。

单击并按住选定的组件以拖动该组件，然后将其拖动到面板区域以放置它。

释放鼠标将组件放入面板中。