DokumentationAEM 6.5Användarhandbok

Allmänna steg för anpassning av AEM Forms arbetsyta generic-steps-for-aem-forms-workspace-customization

Last update: Sat Jul 13 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Ämnen:

Skapat för:

  • Användare
  • Utvecklare

De allmänna stegen för att utföra en anpassning är:

  1. Logga in på CRXDE Lite med åtkomst till https://'[server]:[port]'/lc/crx/de/index.jsp.

  2. Skapa en sling:Folder-mapp med namnet ws vid /apps, om den inte finns. Om du vill skapa en sling:Folder-mapp högerklickar du på mappen apps och väljer Create > Create Node. Ange namnet som ws, välj typen som sling:Folder och klicka på OK. Klicka på Save All.

  3. Bläddra till /apps/ws och navigera till fliken Access Control.

  4. Välj alternativet Repository. Klicka på + i listan Access Control för att lägga till en post. Klicka på + igen.

  5. Sök efter och välj PERM_WORKSPACE_USER Principal.

    Välj PERM_WORKSPACE_USER som en del av de allmänna stegen för att anpassa HTML Workspace

  6. Ge jcr:read privilegium till huvudmannen.

  7. Klicka på Save All.

  8. Kopiera filerna GET.jsp, index och html.jsp från mappen /libs/ws till mappen /apps/ws.

  9. Kopiera mappen /libs/ws/locales i mappen /apps/ws. Klicka på Save All.

  10. Uppdatera referenserna och de relativa sökvägarna i filen GET.jsp, så som visas nedan, och klicka på Save all.

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

  11. Gör följande för CSS-anpassningar:

    1. Navigera till mappen /apps/ws och skapa en mapp med namnet css.

    2. Skapa en fil med namnet newStyle.css i mappen css.

    3. Öppna /apps/ws/html.jsp och ändra från

    code language-javascript 
    <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"/>

    till

    code language-javascript 
    <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
    Placera posten för den användardefinierade CSS-filen efter posten för style.css, som visas ovan.

  12. I filen /apps/ws/html.jsp kan du ändra från

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

    till

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

  13. Gör följande:

    1. Skapa en mapp med namnet js på /apps/ws. Klicka på Save All.

    2. Skapa en mapp med namnet libs på /apps/ws/js. Klicka på Save All.

    3. Kopiera mappen /libs/ws/js/libs/jqueryui till /apps/ws/js/libs. Klicka på Save All.

  14. Gör följande för anpassning av HTML:

    1. Skapa en mapp med namnet runtime under /apps/ws/js. Klicka på Save All.

    2. Skapa en mapp med namnet templates under /apps/ws/js/runtime. Klicka på Save All.

    3. Kopiera /libs/ws/js/main.js till /apps/ws/js/main.js.

    4. Kopiera /libs/ws/js/registry.js till /apps/ws/js/registry.js.

  15. Klicka på Save All, rensa cacheminnet och uppdatera arbetsytan i AEM Forms.

    Gå till URL:en https://'[server]:[port]'/lc/ws och logga in med autentiseringsuppgifter för administratör/lösenord. Webbläsaren omdirigeras till https://'[server]:[port]'/lc/apps/ws/index.html.

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