양식 라이브러리 항목에 사용자 지정 작업 추가 adding-custom-action-on-form-lister-items
AEM Forms에서 사용 가능한 양식을 나열하는 포털 페이지를 만들 수 있습니다. 기본적으로 포털 페이지에서 양식을 검색하고 나열할 수 있습니다. 양식을 열어 정보를 작성하고 제출할 수 있습니다. 포털 페이지에 나열된 양식에 대해 렌더링 작업만 즉시 제공됩니다. 포털 페이지에서 사용할 수 있는 작업에 대한 자세한 내용은 양식 포털 페이지 만들기.
포털 페이지에 다른 옵션을 추가할 수 있습니다. Forms 포털의 템플릿을 사용자 지정하여 이러한 옵션 또는 작업을 사용자 지정할 수 있습니다.
이 문서에서는 Forms 포털 페이지에서 직접 양식 링크를 전송하는 단추를 만드는 방법을 소개합니다. 이 사용자 지정을 사용하려면 Search & Lister 구성 요소에 대한 템플릿을 업데이트해야 합니다.
템플릿에 작업을 추가하는 데 필요한 코드는 아래에서 사용할 수 있습니다. 다음 onclick 코드 조각에 있는 속성에는 이메일을 통해 양식 링크를 전송하는 스크립트가 있습니다.
<div class="__FP_boxes-container __FP_single-color">
<div class="boxes __FP_boxes __FP_single-color" data-repeatable="true">
<div class="__FP_boxes-thumbnail">
<img src ="${contextPath}${path}/jcr:content/renditions/cq5dam.thumbnail.319.319.png">
</div>
<h3 class="__FP_single-color" title="${name}" tabindex="0">${name}</h3>
<p>${description}</p>
<div class="boxes-icon-cont __FP_boxes-icon-cont">
<div class="op-dow">
<a href="${formUrl}" target="_blank" class="__FP_button ${htmlStyle}" title="${config-htmlLinkText}">Apply</a>
<a class="__FP_button" title="Email a friend" href="#" onclick="javascript:window.location='mailto:?subject=Interesting information&body=I thought you might find {name} form helpful : '+window.location.protocol+window.location.host+'${formUrl}' ;">Email</a>
<a href="${pdfUrl}" class="__FP_button ${pdfStyle}" title="${config-pdfLinkText}">Download</a>
</div>
</div>
</div>
</div>
사용자 지정 템플릿에 유사한 작업을 추가할 수 있습니다. JavaScript 함수를 정의하려면 페이지 수준 스크립트에서 함수를 추가하고 필수 HTML 요소와 연결합니다. 위의 예에서 onclick 표현식은 연결된 함수입니다.
템플릿을 편집한 후 샘플 포털 페이지에는 아래와 같이 이메일을 통해 양식 링크를 전송하는 버튼이 포함되어 있습니다.
