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

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

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

  2. Skapa en sling:Folder mapp med namnet ws/apps, om den inte finns. Skapa en sling:Folder mapp, högerklicka på apps mapp och markera Create > Create Node. Ange namnet som ws, välj text som sling:Folderoch klicka OK. Klicka på Save All.

  3. Bläddra till /apps/wsoch navigera till Access Control -fliken.

  4. Välj Repository alternativ. I Access Control lista, klicka på + för att lägga till en post. Klicka + igen.

  5. Sök och välj PERM_WORKSPACE_USER Huvudman.

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

  6. Ge jcr:read Privilegium till rektorn.

  7. Klicka på Save All.

  8. Kopiera GET.jsp, indexoch html.jsp filer från /libs/ws mapp till /apps/ws mapp.

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

  10. Uppdatera referenser och relativa sökvägar i GET.jsp 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 /apps/ws och skapa en mapp med namnet css.

    2. I css mapp, skapa en fil med namnet newStyle.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/apps/ws. Klicka på Save All.

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

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

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

    1. Under /apps/ws/js, skapa en mapp med namnet runtime. Klicka på Save All.

    2. Under /apps/ws/js/runtime, skapa en mapp med namnet templates. 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 Save All, rensa cachen och uppdatera arbetsytan i AEM Forms.

    Öppna URL:en https://'[server]:[port]'/lc/ws och logga in med inloggningsuppgifter 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