Show Menu
主题×

参考主题

通过主题 ,您无需深入了解CSS即可设计表单样式。 除了默认主题之外,您还可以通过安装 AEM-FORMS.-REFERENCE-THEMES包获得以下主题 :
  • 柏力
  • 执行
  • Exec-Light
  • 自由
  • 超海
  • 厄巴内
  • 美国Web设计标准
  • 宁静
每个主题都包含独特而优雅的样式,您可以使用它为用户创建愉悦的自适应表单。 它包含面板、文本框、数字框、单选按钮、表和开关等选择器的独特样式。 这些主题中的样式基于需求。 例如,在特定场景中,您需要具有简洁字体的极简主题。 自由主题让您实现这种效果。
此包中包含的主题是响应式的,这些主题中的样式是为移动和桌面显示定义的。 多种设备上的大多数现代浏览器都可以轻松渲染使用这些主题之一应用的表单。
有关安装包的详细信息,请参阅 如何使用包

柏力

We.Gov自适应表单使用Beryl主题,强调背景图像、透明度和大型平面图标的使用。 在下面的屏幕截图中,您可以看到Beryl主题的外观,以及它如何增强表单的样式。

执行

执行主题避免使用纯背景填充来强调表单组件。 选择并单击组件可更改字体颜色。 与默认的画布主题相比,选定选项卡中文本的字体颜色将更改为深蓝色。 注意导航和提交按钮与Beryl主题有何不同。

Exec Light

Exec Light主题使用空白创建无缝体验。 “下一步”和“提交”按钮可获得实心填充和3D阴影。 左侧的选定选项卡将显示一个箭头而不是双勾标记。

自由

自由主题采用极简主义的方法来强调重要性。 例如,访问过的选项卡的字体颜色将变为绿色。 您只能看到文本框的底部轮廓,它模拟具有行的基于纸张的表单的外观。 活动文本框的底部轮廓为黑色,而其他文本框的底部轮廓为浅灰色。

宁静

Tranquil主题提供Tranquil颜色方案的浅色和深色,以突出表单的不同组件。 例如,单选按钮、面板和选项卡的绿色阴影不同。

超海

Ultramarine主题使用深蓝色阴影来高亮显示选项卡、面板、文本框和按钮等组件。

厄巴内

城市主题强调表单的极简主义和功能性外观。 将Urbane主题应用到表单时,您会看到组件是平的。 这些面板具有细轮廓以创建现代外观。

美国Web设计标准

正如其名称所暗示的,美国Web设计标准主题使用美国Web设计标准草案站点中描述的字体和样式。 联邦组织使用Web标准在联邦政府网站上创建一致的Web体验。