主題自訂

您可以自訂HTML程式碼和CSS檔案,為AEM Forms應用程式提供獨特的組織特定外觀和感覺。 例如,您可以變更工作或「起點」的背景顏色和高度。 以下範例提供變更的指示:

  • 顯示說明以取代說明
  • 顯示路由數
  • 背景漸層色彩

步驟

  1. 開啟您的專案。

    • 對於iOS,在Xcode中開啟Capture.xcodeproj
    • 若是Android,請在Eclipse中開啟Android專案。
    • 對於Windows,請在Visual Studio中開啟MWSWindows.sln
  2. 導覽至範本檔案夾。

    • 在Xcode中,導覽至「擷取> www > wsmobile > js > runtime > templates」檔案夾。
    • 在Eclipse中,導覽至​assets > www > wsmobile > js > runtime > templates​資料夾。
    • 在Visual Studio中,導覽至​MWSwindows > www > wsmobile > js > runtime > templates​資料夾。
  3. 開啟template.html檔案進行編輯。

  4. 找到下列字串:

    <%if ( (task.description !== "") && (task.description !== null) && (typeof task.description !== null) && (typeof task.description !== 'undefined') ) {%>
                   <div class="description_details">
                     <%= task.description %>
                   </div>
                  <%} else
    

    將其更換為<%

  5. template.html檔案中找到下列程式碼:

    <ul id="task_menu_list">
                                    <li class="approve" title="<%= task.availableCommands.directCommands[0]%>" data-routename="<%= task.availableCommands.directCommands[0]%>">
                                        <%= task.availableCommands.directCommands[0]%>
                                    </li>
                                    <li class="reject last" title="<%= task.availableCommands.directCommands[1]%>" data-routename="<%= task.availableCommands.directCommands[1]%>">
                                        <%= task.availableCommands.directCommands[1]%>
                                    </li>
    
  6. 注釋以下行並保存檔案。

    task.availableCommands.directCommands[1]%>">
    <%= task.availableCommands.directCommands[1]%>
    </li>
    
  7. 導覽至css資料夾。

    • 在Xcode中,導覽至「Capture > www > wsmobile > css」。
    • 在Eclipse中,導覽至​assets > www > wsmobile > css
    • 在Visual Studio中,導覽至​MWSwindows > www > wsmobile > css
  8. 開啟_style.css檔案進行編輯。

  9. 對於背景影像,請將#323232更改為#fff

  10. 保存更改並關閉_style.css檔案。

  11. 開啟AEM Forms應用程式。

    AEM Forms應用程式現在會顯示指示而非說明。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now