參考主題 reference-themes

CAUTION
AEM 6.4已結束延伸支援,本檔案不再更新。 如需詳細資訊,請參閱 技術支援期. 尋找支援的版本 此處.

主題 讓您在不深入了解CSS的情況下建立表單樣式。 除了預設主題,您還可以安裝AEM Forms附加元件套件:

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

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

參考主題

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

如需安裝套件的詳細資訊,請參閱 如何使用套件.

柏利 beryl

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

執行 exec

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

按一下放大

執行燈 exec-light

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

按一下放大

利伯蒂 liberty

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

按一下放大

寧靜 tranquil

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

按一下放大

超海洋 ultramarine

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

厄巴內 urbane

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

按一下放大

美國網頁設計標準 u-s-web-design-standards

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

按一下放大

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da