테마 사용자 지정 theme-customization
HTML 코드와 CSS 파일을 사용자 지정하여 AEM Forms 앱에 대해 고유한 조직별 모양과 느낌을 제공할 수 있습니다. 예를 들어 작업의 배경색 및 높이나 시작점을 변경할 수 있습니다. 다음 예에서는 변경에 대한 지침을 제공합니다.
- 설명 대신 지침 표시
- 표시 경로 수
- 배경색
단계 steps
-
프로젝트를 엽니다.
- iOS의 경우
Capture.xcodeproj
in Xcode - Android의 경우 Eclipse에서 Android 프로젝트를 엽니다.
- Windows의 경우
MWSWindows.sln
입니다.
- iOS의 경우
-
템플릿 폴더로 이동합니다.
- Xcode에서 Capture > www > mobile > js > runtime > 템플릿 폴더를 입력합니다.
- Eclipse에서 assets > www > mobile > js > runtime > 템플릿 폴더를 입력합니다.
- Visual Studio에서 MWSWindows > www > webmobile > js > runtime > templates 폴더를 입력합니다.
-
를 엽니다.
template.html
편집할 파일입니다. -
다음 문자열을 찾습니다.
code language-none <%if ( (task.description !== "") && (task.description !== null) && (typeof task.description !== null) && (typeof task.description !== 'undefined') ) {%> <div class="description_details"> <%= task.description %> </div> <%} else
다음으로 바꾸기
<%
. -
에서 다음 코드를 찾습니다.
template.html
파일:code language-none <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>
-
다음 행에 주석을 달고 파일을 저장합니다.
code language-none task.availableCommands.directCommands[1]%>"> <%= task.availableCommands.directCommands[1]%> </li>
-
css 폴더로 이동합니다.
- Xcode에서 로 이동합니다. 캡처 > www > 모바일 > css.
- Eclipse에서 assets > www > webmobile > css.
- Visual Studio에서 MWSWindows > www > webmobile > css.
-
를 엽니다.
_style.css
편집할 파일입니다. -
배경 이미지의 경우
#323232
to#fff
. -
변경 내용을 저장하고 닫습니다.
_style.css
파일. -
AEM Forms 앱을 엽니다.
이제 AEM Forms 앱에 설명 대신 지침이 표시됩니다.
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da