參考主題

🔗 它們可讓您在不深入了解CSS的情況下建立表單樣式。除了預設主題,您還可以安裝AEM-FORMS.-6.3-REFERENCE-THEMES套件來取得下列主題:

  • 柏利
  • 執行
  • Exec-Light
  • 利伯蒂
  • 超海洋
  • 厄巴內
  • 美國網頁設計標準
  • 寧靜

每個主題都包含獨特而優雅的樣式,供您為使用者建立愉快的最適化表單。 它包含選取器的獨特樣式,例如面板、文字方塊、數值方塊、選項按鈕、表格和開關。 這些主題中的樣式是根據需求而設定的。 例如,在特定情境中,您需要具有簡潔字型的極簡主題。 自由主題讓你實現這樣的形象。

參考主題

此套件中包含的主題具有回應性,且這些主題中的樣式已針對行動裝置和案頭顯示器定義。 多種裝置上的現代瀏覽器,都能輕鬆演算以其中一種主題套用的表單。

有關安裝包的詳細資訊,請參閱如何使用包

柏利

Beryl主題由We.Gov適用性表單使用,並強調背景影像、透明度和大型平面表徵圖的使用。 在下方的螢幕擷圖中,您可以看到Beryl主題的外觀,以及它如何增強表單的樣式。
Beryl主
題按一下放大

執行

執行主題避免了實體背景填充來強調表單元件。 選取和按一下元件會變更字型顏色。 與預設的畫布主題相比,所選索引標籤中文字的字型顏色會變更為深藍色。 請注意,導覽和提交按鈕與Beryl主題有何不同。
執行主題

按一下放大

執行燈

Exec Light主題使用空格來建立無縫體驗。 「下一頁」(Next)和「提交」(Submit)按鈕可獲得實線填充和3D陰影。 左側的選定頁簽會顯示箭頭,而非雙勾號。
執行燈主題

按一下放大

利伯蒂

自由主題採用極簡主義的方式強調重要性。 例如,已造訪標籤的字型顏色會變更為綠色。 您只能看到文本框的底輪廓,該框模擬含有線的紙面表單的外觀。 活動文本框具有黑色底部輪廓,而其他文本框具有淺灰色底部輪廓。
自由主題

按一下放大

寧靜

寧靜的主題提供寧靜色彩方案的淺色和深色色調,以突顯不同的形式。 例如,選項按鈕、面板和標籤會獲得不同的綠色陰影。
寧靜的主題

按一下放大

超海洋

Ultramarine主題使用深藍色陰影來突出顯示元件,如頁簽、面板、文本框和按鈕。
超海洋主題

厄巴內

都市主題強調您的表單呈現簡約而實用的外觀。 將城市主題應用到窗體時,您會看到元件是平的。 面板會取得細輪廓以建立現代外觀。
城市主題

按一下放大

美國網頁設計標準

美國網頁設計標準主題(如名稱所示)使用美國網頁設計標準草案網站中描述的字型和樣式。 聯邦組織使用Web標準,在聯邦政府網站上建立一致的Web體驗。
美國網頁設計標準主題

按一下放大

本頁內容