DocumentazioneAEM 6.5Guida utente

Personalizzazione tema theme-customization

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Creato per:

  • Utente
  • Sviluppatore

Puoi personalizzare il codice HTML e il file CSS per fornire all’app AEM Forms un aspetto specifico per l’organizzazione. È ad esempio possibile modificare il colore e l'altezza dello sfondo delle attività o dei punti iniziali. Nell'esempio seguente vengono fornite istruzioni per la modifica:

  • visualizza le istruzioni al posto della descrizione
  • numero di route di visualizzazione
  • colore sfumatura sfondo

Passaggi steps

  1. Apri il progetto.

    • Per iOS, apri Capture.xcodeproj in Xcode.
    • Per Android, apri il progetto Android in Eclipse.
    • Per Windows, aprire MWSWindows.sln in Visual Studio.

  2. Passa alla cartella dei modelli.

    • In Xcode, passa alla cartella Acquisizione > www > wsmobile > js > runtime > template.
    • In Eclipse, passa alla cartella assets > www > wsmobile > js > runtime > templates.
    • In Visual Studio, passare alla cartella MWSWwindows > www > wsmobile > js > runtime > template.

  3. Apri il file template.html per la modifica.

  4. Individua la seguente stringa:

    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

    Sostituiscilo con <%.

  5. Individuare il codice seguente nel file 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>

  6. Commenta la riga seguente e salva il file.

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

  7. Passa alla cartella css.

    • In Xcode, passa a Acquisizione > www > wsmobile > css.
    • In Eclipse, passa a risorse > www > wsmobile > css.
    • In Visual Studio passare a MWSWwindows > www > wsmobile > css.

  8. Apri il file _style.css per la modifica.

  9. Per l'immagine di sfondo, modificare #323232 in #fff.

  10. Salvare le modifiche e chiudere il file _style.css.

  11. Apri l’app AEM Forms.

    L’app AEM Forms ora visualizza istruzioni invece della descrizione.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2