DocumentatieAEM 6.4Gids voor formulieren

Aanpassing thema theme-customization

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

Gemaakt voor:

  • User
CAUTION
AEM 6.4 heeft het einde van de uitgebreide ondersteuning bereikt en deze documentatie wordt niet meer bijgewerkt. Raadpleeg voor meer informatie onze technische ondersteuningsperioden. Ondersteunde versies zoeken hier.

U kunt de HTML-code en het CSS-bestand aanpassen en zo een aparte organisatie-specifieke vormgeving geven voor de AEM Forms-app. U kunt bijvoorbeeld de achtergrondkleur en -hoogte van taken of Startpunten wijzigen. In het volgende voorbeeld worden instructies gegeven om te wijzigen:

  • aanwijzingen weergeven in plaats van de beschrijving
  • aantal weergaveroutes
  • kleur achtergrondverloop

Stappen steps

  1. Open uw project.

    • Voor iOS: open Capture.xcodeproj in Xcode
    • Voor Android opent u het Android-project in Eclipse.
    • Voor Windows: open MWSWindows.sln in Visual Studio.

  2. Navigeer naar de map templates.

    • Navigeer in Xcode naar de Vastleggen > www > wsmobile > js > runtime > templates map.
    • Navigeer in Eclipse naar de assets > www > wsmobile > js > runtime > templates map.
    • In Visual Studio, navigeer aan MWSWindows > www > wsmobile > js > runtime > templates map.

  3. Open de template.html bestand voor bewerking.

  4. Zoek de volgende tekenreeks:

    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

    Vervangen door <%.

  5. Zoek de volgende code in het dialoogvenster template.html bestand:

    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. Neem een opmerking op in de volgende regel en sla het bestand op.

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

  7. Navigeer naar de css-map.

    • Navigeer in Xcode naar Vastleggen > www > wsmobile > css.
    • Navigeer in Eclipse naar middelen > www > wsmobile > css.
    • In Visual Studio, navigeer aan MWSWindows > www > wsmobile > css.

  8. Open de _style.css bestand voor bewerking.

  9. Voor achtergrondafbeelding wijzigt u #323232 tot #fff.

  10. Wijzigingen opslaan en sluiten _style.css bestand.

  11. Open de AEM Forms-app.

    De AEM Forms-app geeft nu instructies weer in plaats van een beschrijving.

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