利 用这些工具,您无需深入了解CSS即可设计表单样式。除了默认主题之外,您还可以通过安装AEM-FORMS。-REFERENCE-主题包获得以下主题:
每个主题都包含一个独特而优雅的样式,您可以使用它为用户创建令人愉悦的自适应表单。 它包含面板、文本框、数字框、单选按钮、表和开关等选择器的独特样式。 这些主题中的样式是基于需求的。 例如,在特定情况下,您需要具有简洁字体的极简主题。 自由主题让您获得这种外观。
此包中包含的主题是响应式的,这些主题中的样式是为移动和桌面显示定义的。 多种设备上的大多数现代浏览器都可以轻松地渲染使用其中一种主题应用的表单。
有关安装包的详细信息,请参见如何使用包。
Beryl主题被We.Gov自适应表单使用,强调背景图像、透明度和大型平面图标的使用。 在下面的屏幕截图中,您可以看到Beryl主题的外观以及它如何增强表单的样式。
“执行”主题避免使用实底背景填充来强调表单组件。 选择并单击组件可更改字体颜色。 与默认的画布主题相比,选定选项卡中文本的字体颜色将更改为深蓝色。 注意导航和提交按钮与Beryl主题有何不同。
Exec Light主题使用空白创建无缝体验。 “下一步”和“提交”按钮将获得实心填充和3D阴影。 左侧的选定选项卡会显示箭头,而不是多次复选标记。
自由主题采用极简主义的方法来强调重要。 例如,访问过的选项卡的字体颜色变为绿色。 您只能看到文本框的底部轮廓,它模拟具有行的基于纸张的表单的外观。 活动文本框的底部轮廓为黑色,而其他文本框的底部轮廓为浅灰色。
宁静的主题提供宁静色彩方案的明亮和深色,突出表单的不同部分。 例如,单选按钮、面板和选项卡会得到不同的绿色阴影。
Ultramarine主题使用深蓝色阴影来高亮显示选项卡、面板、文本框和按钮等组件。
城市主题强调表单的极简主义和功能性外观。 将城市主题应用于表单时,您可以看到组件是平的。 这些面板具有细轮廓以创建现代外观。
正如名称所暗示的,美国Web设计标准主题使用美国Web设计标准草案站点中描述的字体和样式。 联邦组织使用Web标准在联邦政府网站上创建一致的Web体验。