Temaanpassning theme-customization
Du kan anpassa HTML-koden och CSS-filen för att ge AEM Forms-appen ett distinkt organisationsspecifikt utseende. Du kan till exempel ändra bakgrundsfärgen och höjden på uppgifter eller startpunkter. I följande exempel finns instruktioner för hur du ändrar:
- visningsanvisningar i stället för beskrivningen
- antal visningsrutter
- bakgrundsövertoningsfärg
Steg steps
-
Öppna projektet.
- Öppna
Capture.xcodeproj
i Xcode för iOS - För Android öppnar du Android-projektet i Eclipse.
- För Windows öppnar du
MWSWindows.sln
i Visual Studio.
- Öppna
-
Navigera till mappen Mallar.
- Navigera till mappen Capture > www > wsmoble > js > runtime > templates i Xcode.
- I Eclipse navigerar du till mappen assets > www > wsmoble > js > runtime > templates .
- I Visual Studio går du till mappen MWSWindows > www > wsmoble > js > runtime > templates .
-
Öppna filen
template.html
för redigering. -
Leta reda på följande sträng:
code language-jsp <%if ( (task.description !== "") && (task.description !== null) && (typeof task.description !== null) && (typeof task.description !== 'undefined') ) {%> <div class="description_details"> <%= task.description %> </div> <%} else
Ersätt den med
<%
. -
Leta reda på följande kod i filen
template.html
:code language-jsp <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>
-
Kommentera följande rad och spara filen.
code language-jsp task.availableCommands.directCommands[1]%>"> <%= task.availableCommands.directCommands[1]%> </li>
-
Navigera till css-mappen.
- I Xcode går du till Capture > www > wsmoble > css.
- I Eclipse går du till assets > www > wsmoble > css.
- I Visual Studio går du till MWSWindows > www > wsmoble > css.
-
Öppna filen
_style.css
för redigering. -
Ändra
#323232
till#fff
för bakgrundsbilden. -
Spara ändringarna och stäng filen
_style.css
. -
Öppna appen AEM Forms.
Nu visas instruktioner i stället för beskrivningar i AEM Forms-appen.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2