Puede personalizar el código HTML y el archivo CSS para ofrecer a la aplicación AEM Forms una apariencia específica de la organización. Por ejemplo, puede cambiar el color de fondo y la altura de las tareas o puntos de inicio. El ejemplo siguiente indica las instrucciones para cambiar:
Abra su proyecto.
Capture.xcodeproj
en Xcode.MWSWindows.sln
en Visual Studio.Vaya a la carpeta de plantillas.
Abra el archivo template.html
para editarlo.
Localice la siguiente cadena:
<%if ( (task.description !== "") && (task.description !== null) && (typeof task.description !== null) && (typeof task.description !== 'undefined') ) {%>
<div class="description_details">
<%= task.description %>
</div>
<%} else
Sustitúyala por <%
.
Localice el código siguiente en el archivo 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 la siguiente línea y guarde el archivo.
task.availableCommands.directCommands[1]%>">
<%= task.availableCommands.directCommands[1]%>
</li>
Vaya a la carpeta css.
Abra el archivo _style.css
para editarlo.
Para la imagen de fondo, cambie #323232
a #fff
.
Guarde los cambios y cierre el archivo _style.css
.
Abra la aplicación de AEM Forms.
La aplicación de AEM Forms ahora muestra instrucciones en lugar de la descripción.