HTML5表单使用HTML5功能进行渲染,并且渲染的表单的样式使用CSS完成。 HTML5表单的默认外观与其PDF呈现版本类似。 开发人员可以使用自定义CSS更改HTML5表单的默认外观。
本文提供了更改HTML5表单样式的分步信息,样式简介文章包含有关HTML5表单各种样式方面的详细信息。 在执行本文中所述的步骤之前,请确保已阅读样式文章简介。
以下两幅图像显示了默认样式与自定义样式之间的差异。
选择用于添加自定义样式的配置文件
在URL中访问CRX DE界面:https://<server>:<port>/crx/de并创建配置文件或选择现有配置文件。 要了解如何创建配置文件,请参阅创建新配置文件
创建用于为HTML5表单设置样式的CSS样式表
导航到在其中创建配置文件渲染器并创建CSS样式表文件的文件夹。 要遵循的步骤包括
要了解要为HTML5表单中的特定组件创建的CSS类,请参阅样式简介。
在“配置文件渲染器”中包含样式表
在CRX DE中打开“配置文件渲染器”页面(jsp文件),并将CSS文件包含在XFA客户端库正下方的页面中。 执行这些步骤以将CSS文件包含在配置文件中。
在渲染器页面中搜索以下行:
<cq:includeclientlib categories="xfaforms.profile" />
在上面的行下方插入以下内容以包含样式表:
<link href="/path/to/stylesheet" rel="stylesheet" type="text/css" />
保存文件。