参考主题

上次更新: 2023-12-07
  • 创建对象:
  • User

主题 让您能够在对CSS没有深入了解的情况下为表单设置样式。 除了默认主题之外,您还可以通过安装 AEM Forms附加组件包

  • 贝里尔
  • 执行
  • Exec-Light
  • 自由
  • 超海洋
  • 城镇
  • 美国Web设计标准
  • 宁静

每个主题都包含独特而优雅的样式,可用于为用户创建令人愉悦的自适应表单。 它包含面板、文本框、数字框、单选按钮、表格和开关等选择器的独特样式。 这些主题中的样式是根据需求而定的。 例如,在特定场景中,您需要使用简洁字体的最小主题。 自由主题可让您获得这样的外观。

参考主题

此包中包含的主题是响应式的,这些主题中的样式是为移动和桌面显示定义的。 各种设备上的大多数现代浏览器都可以轻松渲染应用了这些主题之一的表单。

有关安装软件包的更多信息,请参阅 如何使用包.

贝里尔

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

柏瑞尔主题

执行

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

执行主题

Exec指示灯

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

执行浅色主题

自由

自由主义主题使用极简主义的方法突出其重要性。 例如,已访问选项卡的字体颜色将变为绿色。 您只能看到文本框的底部轮廓,该文本框模拟带有线条的纸制表单的外观。 活动文本框具有黑底轮廓,而其他文本框则具有浅灰底轮廓。

Liberty主题

宁静

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

宁静的主题

超海洋

Ultraminary主题使用深蓝色阴影突出显示选项卡、面板、文本框和按钮等组件。

超海洋主题

城镇

都市化主题强调您的外表应具有极简和功能性的风格。 将Urbane主题应用于表单时,您可以看到组件是平面的。 这些面板具有细的外框,可创建现代外观。

城市主题

美国Web设计标准

顾名思义,美国Web设计标准主题使用美国Web设计标准草案站点中描述的字体和样式。 联邦机构使用Web标准来跨联邦政府网站创建一致的Web体验。

美国Web设计标准主题

在此页面上