Puede personalizar el código HTML y el archivo CSS para proporcionar a la aplicación AEM Forms un aspecto y una presentación distintos específicos 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 proporciona instrucciones para cambiar:
Abra el proyecto.
Capture.xcodeproj
en XcodeMWSWindows.sln
en Visual Studio.Vaya a la carpeta de plantillas.
Abra el template.html
para editar.
Busque 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úyalo por <%
.
Busque el código siguiente en la sección template.html
archivo:
<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 _style.css
para editar.
Para la imagen de fondo, cambie #323232
a #fff
.
Guarde los cambios y cierre _style.css
archivo.
Abra la aplicación de AEM Forms.
La aplicación AEM Forms ahora muestra instrucciones en lugar de descripción.