Você pode personalizar o código HTML e o arquivo CSS para fornecer uma aparência distinta e específica da organização ao aplicativo AEM Forms. Por exemplo, você pode alterar a cor e a altura do plano de fundo de tarefas ou pontos de partida. O exemplo a seguir fornece instruções para a alteração:
Abra o projeto.
Capture.xcodeproj
no XcodeMWSWindows.sln
no Visual Studio.Navegue até a pasta de modelos.
Abra o arquivo template.html
para edição.
Localize a seguinte string:
<%if ( (task.description !== "") && (task.description !== null) && (typeof task.description !== null) && (typeof task.description !== 'undefined') ) {%>
<div class="description_details">
<%= task.description %>
</div>
<%} else
Substitua por <%
.
Localize o seguinte código no arquivo 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>
Comente a linha a seguir e salve o arquivo.
task.availableCommands.directCommands[1]%>">
<%= task.availableCommands.directCommands[1]%>
</li>
Navegue até a pasta css.
Abra o arquivo _style.css
para edição.
Para imagem de plano de fundo, altere #323232
para #fff
.
Salve as alterações e feche o arquivo _style.css
.
Abra o aplicativo AEM Forms.
O aplicativo AEM Forms agora exibe instruções em vez de descrição.