Show Menu
화제×

테마 맞춤화

HTML 코드 및 CSS 파일을 사용자 지정하여 AEM Forms 앱에 고유한 조직별 모양과 느낌을 제공할 수 있습니다. 예를 들어 작업의 배경색 및 높이나 시작점을 변경할 수 있습니다. 다음 예제에서는 변경 지침을 제공합니다.
  • 설명 대신 표시 지침
  • 표시 경로 수
  • 배경 그라디언트 색상

단계

  1. 프로젝트를 엽니다.
    • iOS의 경우 Xcode Capture.xcodeproj 에서 열기
    • Android의 경우 Eclipse에서 Android 프로젝트를 엽니다.
    • Windows의 경우 Visual Studio MWSWindows.sln 에서 엽니다.
  2. 템플릿 폴더로 이동합니다.
    • Xcode에서 Capture > www > Mobile > js > 런타임 > templates 폴더로 이동합니다.
    • Eclipse에서 자산 > www > 모바일 > js > 런타임 > 템플릿 폴더로 이동합니다.
    • Visual Studio에서 MWSWindows > www > mobile > js > 런타임 > templates 폴더로 이동합니다.
  3. Open the template.html file for editing.
  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 > Mobile > css로 ​이동합니다.
    • Eclipse에서 자산 > www > 모바일 > css로 이동합니다 .
    • Visual Studio에서 MWSWindows > www > Mobile > css로 ​이동합니다.
  8. Open the _style.css file for editing.
  9. 배경 이미지의 경우 로 #323232 변경합니다 #fff .
  10. 변경 내용을 저장하고 _style.css 파일을 닫습니다.
  11. AEM Forms 앱을 엽니다.
    이제 AEM Forms 앱에 설명 대신 지침이 표시됩니다.