Sie können den HTML-Code und die CSS-Datei anpassen, um der AEM Forms-App ein unverwechselbares, organisationsspezifisches Erscheinungsbild zu geben. Sie können beispielsweise die Hintergrundfarbe und die Höhe von Aufgaben bzw. Startpunkten ändern. Folgendes Beispiel enthält hierzu Anweisungen:
Öffnen Sie Ihr Projekt.
Capture.xcodeproj
in XcodeMWSWindows.sln
in Visual Studio.Navigieren Sie zum Ordner „templates“.
Öffnen Sie die Datei „template.html
“, um sie zu bearbeiten.
Suchen Sie die folgende Zeichenfolge:
<%if ( (task.description !== "") && (task.description !== null) && (typeof task.description !== null) && (typeof task.description !== 'undefined') ) {%>
<div class="description_details">
<%= task.description %>
</div>
<%} else
Ersetzen Sie sie durch <%
.
Suchen Sie den folgenden Code in der Datei 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>
Geben Sie die folgende Zeile ein und speichern Sie die Datei.
task.availableCommands.directCommands[1]%>">
<%= task.availableCommands.directCommands[1]%>
</li>
Navigieren Sie zum Ordner „css“.
Öffnen Sie die Datei „_style.css
“, um sie zu bearbeiten.
Ändern Sie für das Hintergrundbild #323232
auf #fff
.
Speichern Sie die Änderungen und schließen Sie die Datei _style.css
.
Öffnen Sie die AEM Forms-App.
Die AEM Forms-App zeigt jetzt Anweisungen anstelle einer Beschreibung an.