HTML コードおよび CSS ファイルをカスタマイズし、AEM Forms アプリケーションに組織固有の明確なルック&フィールを提供することができます。たとえば、タスクまたはスタートポイントの背景色や高さを変更できます。次のことを変更する手順を、以下に例で示します。
プロジェクトを開きます。
Capture.xcodeproj
を開きます。MWSWindows.sln
を開きます。テンプレートフォルダーに移動します。
template.html
ファイルを開いて編集します。
次の文字列を探します。
<%if ( (task.description !== "") && (task.description !== null) && (typeof task.description !== null) && (typeof task.description !== 'undefined') ) {%>
<div class="description_details">
<%= task.description %>
</div>
<%} else
<%
に置き換えます。
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>
次の行にコメントをつけ、ファイルを保存します。
task.availableCommands.directCommands[1]%>">
<%= task.availableCommands.directCommands[1]%>
</li>
css フォルダーに移動します。
_style.css
ファイルを開いて編集します。
背景画像は、#323232
を #fff
に変更します。
変更を保存し、_style.css
ファイルを閉じます。
AEM Forms アプリケーションを開きます。
AEM Forms アプリケーションには、説明の代わりに手順が表示されるようになっています。