AEM Forms 작업 공간 사용자 지정을 위한 일반 단계 generic-steps-for-aem-forms-workspace-customization
사용자 지정을 수행하는 일반적인 단계는 다음과 같습니다.
-
에 액세스하여 CRXDE Lite에 로그인합니다.
https://[server]:[port]/lc/crx/de/index.jsp
. -
이름이 인 폴더 만들기
ws
at/apps
존재하지 않는 경우 해당됩니다. 클릭 모두 저장. -
찾아보기
/apps/ws
로 이동하고 액세스 제어 탭. -
에서 액세스 제어 목록, + 새 항목을 추가하려면 클릭 + 다시 한 번
-
을(를) 검색하고 선택합니다 PERM_WORKSPACE_USER 교장.
-
제공
jcr:read
Privacy to Principal. -
클릭 모두 저장.
-
를 복사합니다.
GET.jsp
및html.jsp
파일의/libs/ws
폴더/apps/ws
폴더를 입력합니다. -
를 복사합니다.
/libs/ws/locales
폴더의/apps/ws
폴더를 입력합니다. 클릭 모두 저장. -
에서 참조 및 상대 경로를 업데이트합니다
GET.jsp
파일, 아래와 같이 를 클릭하고 모두 저장.code language-none <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
-
CSS 사용자 지정에 대해서는 다음을 수행합니다.
- 로 이동합니다
/apps/ws
폴더 및 이름이 지정된 새 폴더 만들기css
. - 에서
css
폴더 폴더, 이름이 인 새 파일 만들기newStyle.css
. - 열기
/apps/ws/html
.jsp 및
code language-css <link lang="en" rel="stylesheet" type="text/css" href="css/style.css" /> <link lang="en" rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>
끝
code language-css <link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/style.css" /> <link lang="en" rel="stylesheet" type="text/css" href="css/newStyle.css" /> <link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/jquery-ui.css"/>
note note NOTE 위에 표시된 대로 newStyle.css 항목 뒤에 사용자 정의 CSS 파일의 항목을 배치합니다. - 로 이동합니다
-
/apps/ws/html.jsp 파일에서
code language-css <script data-main="js/main" src="js/libs/require/require.js"></script>
끝
code language-css <script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>
-
다음 작업을 수행합니다.
- 이름이 인 폴더 만들기
js
at/apps/ws
. 클릭 모두 저장. - 이름이 인 폴더 만들기
libs
at/apps/ws/js
. 클릭 모두 저장. - 이름이 인 폴더 만들기
jqueryui
at/apps/ws/js/libs
. 클릭 모두 저장. - 복사
/libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js
to/apps/ws/js/libs/jqueryui
. 클릭 모두 저장.
- 이름이 인 폴더 만들기
-
HTML 사용자 정의에 대해서는 다음을 수행합니다.
- 아래
/apps/ws/js
, 라는 폴더를 만듭니다.runtime
. 클릭 모두 저장. - 아래
/apps/ws/js/runtime
, 라는 폴더를 만듭니다.templates
. 클릭 모두 저장. - 복사
/libs/ws/js/main.js
to/apps/ws/js/main.js
. - /libs/ws/js/registry.js에 복사
/apps/ws/js/registry.js
.
- 아래
-
클릭 모두 저장, 캐시 지우기 및 AEM Forms 작업 공간 새로 고침.
URL에 액세스
https://[server]:[port]/lc/ws
관리자/암호 자격 증명으로 로그인합니다. 브라우저가 로 리디렉션됩니다.https://[server]:[port]/lc/apps/ws/index.html
.