參考主題 reference-themes
主題 讓您不具備CSS的深入知識,也能設定表單樣式。 除了預設主題之外,您還可以透過安裝 AEM Forms附加元件套件:
- 貝瑞爾
- 執行者
- Exec-Light
- Liberty
- Ultraminary
- 城市化
- 美國網頁設計標準
- 寧靜
每個佈景主題都包含獨特且優雅的樣式,可用來為使用者建立令人愉悅的最適化表單。 它包含面板、文字方塊、數值方塊、選項按鈕、表格和切換器等選取器的唯一樣式。 這些主題中的樣式是根據需求。 例如,在特定案例中,您需要使用簡潔字型的極簡佈景主題。 自由佈景主題可讓您達到這個效果。
此套裝中包含的主題為回應式主題,這些主題中的樣式是為行動裝置和桌上型顯示器所定義。 各種裝置上的大部分現代化瀏覽器都能輕鬆轉譯套用這些主題之一的表單。
如需安裝套件的詳細資訊,請參閱 如何使用套件.
貝瑞爾 beryl
We.Gov最適化表單使用Beryl佈景主題,並強調使用背景影像、透明度及大型平面圖示。 在下方熒幕擷圖中,您可以看到Beryl佈景主題的外觀,以及如何增強表單的樣式。
執行者 exec
執行主題可避免使用純色背景填色來強調表單元件。 選取並按一下元件會變更字型顏色。 與預設的「畫布」主題相比,所選索引標籤中文字的字型顏色會變更為深藍色。 請注意導覽和提交按鈕與Beryl主題有何不同。
執行光 exec-light
Exec Light主題使用空白字元來建立順暢的體驗。 「下一個」和「提交」按鈕會獲得實心填色和3D陰影。 在左側選取的標籤會取得箭頭,而非雙勾號。
Liberty liberty
Liberty主題使用極簡主義方法來強調重要事項。 例如,瀏覽過的標簽字型顏色會變更為綠色。 您只能看到文字方塊的底部外框,該文字方塊模擬具有線條的紙製表單的外觀。 使用中的文字方塊具有黑色底部外框,而其他文字方塊則具有淺灰色的底部外框。
寧靜 tranquil
寧靜的佈景主題提供寧靜色彩配置的明暗陰影,以突顯表單的不同元件。 例如,單選按鈕、面板和標籤會以不同的綠色顯示。
Ultraminary ultramarine
Ultraminary主題使用深藍色陰影來反白標示元件,例如定位點、面板、文字方塊和按鈕。
城市化 urbane
城市佈景主題強調您的外型應具有極簡和功能外觀。 當您在表單上套用Urbane佈景主題時,可以看到元件是平面的。 這些面板的外框很薄,可以打造現代外觀。
美國網頁設計標準 u-s-web-design-standards
顧名思義,美國網頁設計標準主題使用美國網頁設計標準草稿網站中所述的字型和樣式。 聯邦組織使用Web標準,在不同聯邦政府網站上建立一致的網頁體驗。