Personalizzazione tema

Potete personalizzare il codice HTML e il file CSS per fornire un aspetto e un aspetto specifici dell'organizzazione per l'app AEM Forms. Ad esempio, è possibile modificare il colore e l'altezza di sfondo delle attività o dei punti di inizio. L'esempio seguente fornisce le istruzioni per la modifica:

  • visualizzare le istruzioni al posto della descrizione
  • numero di percorsi di visualizzazione
  • colore sfumatura sfondo

Passaggi

  1. Apri il progetto.

    • Per iOS, apri Capture.xcodeproj in Xcode
    • Per Android, aprite il progetto Android in Eclipse.
    • Per Windows, aprire MWSWindows.sln in Visual Studio.
  2. Passate alla cartella dei modelli.

    • In Xcode, andate alla cartella Capture > www > wsmobile > js > runtime > templates.
    • In Eclipse, passa alla cartella assets > www > wsmobile > js > runtime > templates.
    • In Visual Studio, passare alla cartella MWSWindows > www > wsmobile > js > runtime > templates.
  3. Aprire il file template.html per la modifica.

  4. Individuate la stringa seguente:

    <%if ( (task.description !== "") && (task.description !== null) && (typeof task.description !== null) && (typeof task.description !== 'undefined') ) {%>
                   <div class="description_details">
                     <%= task.description %>
                   </div>
                  <%} else
    

    Sostituirlo con <%.

  5. Individuare il codice seguente nel file 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>
    
  6. Commenta la riga seguente e salva il file.

    task.availableCommands.directCommands[1]%>">
    <%= task.availableCommands.directCommands[1]%>
    </li>
    
  7. Passate alla cartella css.

    • In Xcode, andate a Capture > www > wsmobile > css.
    • In Eclipse, andate a assets > www > wsmobile > css.
    • In Visual Studio, passare a MWSWindows > www > wsmobile > css.
  8. Aprire il file _style.css per la modifica.

  9. Per l'immagine di sfondo, passate da #323232 a #fff.

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

  11. Aprite l'app AEM Forms.

    L'app AEM Forms ora visualizza le istruzioni invece della descrizione.

In questa pagina

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now