DokumentationAEM 6.4Användarhandbok om Forms

Temaanpassning theme-customization

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Skapat för:

  • User
CAUTION
AEM 6.4 har nått slutet på den utökade supporten och denna dokumentation är inte längre uppdaterad. Mer information finns i teknisk supportperiod. Hitta de versioner som stöds här.

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

  1. Öppna projektet.

    • För iOS, öppna Capture.xcodeproj i Xcode
    • För Android öppnar du Android-projektet i Eclipse.
    • För Windows: öppna MWSWindows.sln i Visual Studio.

  2. Navigera till mappen Mallar.

    • I Xcode navigerar du till Capture > www > wsmoble > js > runtime > templates mapp.
    • I Eclipse navigerar du till assets > www > wsmoble > js > runtime > templates mapp.
    • I Visual Studio går du till MWSWindows > www > wsmoble > js > runtime > templates mapp.

  3. Öppna template.html fil för redigering.

  4. Leta reda på följande sträng:

    code language-none 
    <%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 <%.

  5. Leta reda på följande kod i template.html fil:

    code language-none 
    <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>

  6. Kommentera följande rad och spara filen.

    code language-none 
    task.availableCommands.directCommands[1]%>">
<%= task.availableCommands.directCommands[1]%>
</li>

  7. Navigera till css-mappen.

    • I Xcode navigerar du till Capture > www > wsmoble > css.
    • I Eclipse navigerar du till assets > www > wsmoble > css.
    • I Visual Studio går du till MWSWindows > www > wsmoble > css.

  8. Öppna _style.css fil för redigering.

  9. För bakgrundsbild ändrar du #323232 till #fff.

  10. Spara ändringarna och stäng _style.css -fil.

  11. Öppna appen AEM Forms.

    Nu visas instruktioner i stället för beskrivningar i AEM Forms-appen.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da