DocumentatieAEM 6.4Gids voor formulieren

Algemene stappen voor aanpassing van de AEM Forms-werkruimte generic-steps-for-aem-forms-workspace-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.

De algemene stappen voor het uitvoeren van aanpassingen zijn:

  1. Aanmelden bij CRXDE Lite via toegang https://[server]:[port]/lc/crx/de/index.jsp.

  2. Een map maken met de naam wsom /apps, als deze niet bestaat. Klik op Save All.

  3. Bladeren naar /apps/wsen navigeer naar de Access Control tab.

  4. In de Access Control lijst, klikt u op + om een nieuwe vermelding toe te voegen. Klikken + opnieuw.

  5. Zoek en selecteer de PERM_WORKSPACE_USER Opdrachtgever.

    Selecteer PERM_WORKSPACE_USER principal als onderdeel van de algemene stappen om de HTML Workspace aan te passen

  6. Geef jcr:read aan de Opdrachtgever.

  7. Klik op Save All.

  8. Kopieer de GET.jsp en html.jspbestanden van de /libs/wsaan de /apps/ws map.

  9. Kopieer de /libs/ws/locales in de /apps/ws map. Klik op Save All.

  10. De verwijzingen en relatieve paden in het dialoogvenster GET.jsp bestand, zoals hieronder weergegeven, en klik op Save all.

    code language-none 
    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />

  11. Ga als volgt te werk voor CSS-aanpassingen:

    1. Ga naar de /apps/ws en maak een nieuwe map met de naam css.
    2. In de cssmap, maakt u een nieuw bestand met de naam newStyle.css.
    3. Openen /apps/ws/html.jsp en wijzigen van
    code language-css 
    <link lang="en" rel="stylesheet" type="text/css" href="css/style.css" />
<link lang="en" rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>

    tot

    code language-css 
    <link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/style.css" />
<link lang="en" rel="stylesheet" type="text/css" href="css/newStyle.css" />
<link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/jquery-ui.css"/>
    note note
    NOTE
    Plaats de vermelding van het door de gebruiker gedefinieerde CSS-bestand na de vermelding newStyle.css, zoals hierboven weergegeven.

  12. Wijzig in het bestand /apps/ws/html.jsp

    code language-css 
    <script data-main="js/main" src="js/libs/require/require.js"></script>

    tot

    code language-css 
    <script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>

  13. Ga als volgt te werk:

    1. Een map maken met de naam jsom /apps/ws. Klik op Save All.
    2. Een map maken met de naam libsom /apps/ws/js. Klik op Save All.
    3. Een map maken met de naam jqueryuiom /apps/ws/js/libs. Klik op Save All.
    4. Kopiëren /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js tot /apps/ws/js/libs/jqueryui. Klik op Save All.

  14. Doe het volgende voor HTML aanpassingen:

    1. Onder /apps/ws/js, maakt u een map met de naam runtime. Klik op Save All.
    2. Onder /apps/ws/js/runtime, maakt u een map met de naam templates. Klik op Save All.
    3. Kopiëren /libs/ws/js/main.js tot /apps/ws/js/main.js.
    4. /libs/ws/js/registry.js kopiëren naar /apps/ws/js/registry.js.

  15. Klikken Save All, cache verwijderen en de AEM Forms-werkruimte vernieuwen.

    Toegang krijgen tot de URL https://[server]:[port]/lc/ws en meld u aan met de gegevens van de beheerder/het wachtwoord. De browser wordt omgeleid naar https://[server]:[port]/lc/apps/ws/index.html.

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