설명서AEM 6.5사용 안내서

테마 맞춤화 theme-customization

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

  • 사용자
  • 개발자

HTML 코드 및 CSS 파일을 사용자 정의하여 AEM Forms 앱에 고유한 조직별 모양과 느낌을 제공할 수 있습니다. 예를 들어 작업 또는 시작점의 배경색 및 높이를 변경할 수 있습니다. 다음 예에서는 변경 지침을 제공합니다.

  • 설명 대신 지침 표시
  • 표시 경로 수
  • 배경 그라데이션 색상

단계 steps

  1. 프로젝트를 엽니다.

    • iOS의 경우 Xcode에서 Capture.xcodeproj 열기
    • Android의 경우 Eclipse에서 Android 프로젝트를 엽니다.
    • Windows의 경우 Visual Studio에서 MWSWindows.sln을(를) 엽니다.

  2. 템플릿 폴더로 이동합니다.

    • Xcode에서 캡처 > www > wsmobile > js > 런타임 > 템플릿 폴더로 이동합니다.
    • Eclipse에서 자산 > www > wsmobile > js > 런타임 > 템플릿 폴더로 이동합니다.
    • Visual Studio에서 MWSWindows > www > wsmobile > js > runtime > templates 폴더로 이동합니다.

  3. 편집할 template.html 페이지를 엽니다.

  4. 다음 문자열을 찾습니다.

    code language-jsp 
    <%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 파일에서 다음 코드를 찾습니다.

    code language-jsp 
    <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. 다음 줄을 주석 처리하고 파일을 저장합니다.

    code language-jsp 
    task.availableCommands.directCommands[1]%>">
<%= task.availableCommands.directCommands[1]%>
</li>

  7. css 폴더로 이동합니다.

    • Xcode에서 캡처 > www > wsmobile > css ​로 이동합니다.
    • Eclipse에서 자산 > www > wsmobile > css ​로 이동합니다.
    • Visual Studio에서 MWSWindows > www > wsmobile > css ​로 이동합니다.

  8. 편집할 _style.css 페이지를 엽니다.

  9. 배경 이미지의 경우 #323232을(를) #fff(으)로 변경하십시오.

  10. 변경 내용을 저장하고 _style.css 파일을 닫습니다.

  11. AEM Forms 앱을 엽니다.

    이제 AEM Forms 앱에 설명 대신 지침이 표시됩니다.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2