測試變更

[AEM Forms as a Cloud Service]{class="badge informative"}

根據​ "Blank with Core Components" ​範本建立調適型表單。 將3個按鈕拖放至表單上,並標示為「企業」、「行銷」和「預設」。
選取如下所示的油漆筆刷,將適當的樣式變體指派給「公司」和「行銷」按鈕。

樣式

第三個按鈕將套用預設樣式。

建置主題專案

下一步是建置主題專案。 導覽至您的佈景主題專案的根資料夾,然後執行命令​ npm run build,如下面的熒幕擷取所示。

建置佈景主題

成功建立主題專案後,您就可以測試變更了。

測試您的css的快速輕鬆方法

  • 開啟主題專案的dist資料夾下的theme.css檔案。選取並複製整個檔案內容。
  • 預覽在先前步驟中建立的表單。
  • 以滑鼠右鍵按一下其中一個按鈕,然後選取「檢查」以開啟開發人員主控台。
  • 在開發人員主控台中,按一下theme.css以開啟theme.css
  • 使用CTR-A選取並刪除theme.css的整個內容,然後按一下刪除按鈕。
  • 複製並貼上您在上一步中建立的theme.css內容。
  • 按鈕應該會以適當的樣式更新,如下所示。

最終按鈕

推送變更

如果您對變更感到滿意,可以使用前端管道將變更推送到您的雲端執行個體

recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69