Personnalisation de la page d’accueil LiveCycle

Vous pouvez personnaliser le code HTML et le fichier CSS pour faire correspondre l’apparence de votre page d’accueil LiveCycle à votre société. Vous pouvez, par exemple, remplacer les images par des logos de votre entreprise. La page d’accueil prend en charge les personnalisations suivantes :

  • Personnalisation des propriétés d’un module
  • Ajout de nouveaux modules
  • Masquage des modules existants
  • Personnalisation des icônes
  • Ajout de paramètres régionaux
Exemple d’une page d’accueil LiveCycle personnalisée
Exemple d’une page d’accueil LiveCycle personnalisée

Avant de commencer

Pour chaque module, LiveCycle crée un nœud dans CRXDE Lite avec un ensemble de propriétés personnalisables. Le tableau suivant répertorie l’ensemble des propriétés :   

Nom de la propriété

Description

Localisée

Nom

Nom du module. Il s’affiche sur la page d’accueil. 

Oui

Description

Description du module. Elle s’affiche sur la page d’accueil. 

Oui

URL

URL d’accès au module.

N/A

Description de l’aide

Texte de l’info-bulle pour la propriété de l’URL d’aide.  

Oui

URL d’aide

Hyperlien de la page d’aide.

Oui

isActive

Afficher/masquer un module sur la page d’accueil. Pour afficher un module sur la page d’accueil, définissez la valeur de la propriété isActive sur True

N/A

Personnalisation des propriétés non localisées d’un module

  1. Connectez-vous à CRXDE Lite à l’aide des informations d’identification d’administrateur. L’emplacement par défaut de CRXDE Lite est http://<serveur>:<port>/lc/crx/de.

  2. Accédez au dossier /libs/livecycle/landingpage/components.  

  3. Pour personnaliser un nœud, copiez-le dans le dossier /apps/livecycle/landingpage/components et cliquez sur Enregistrer tout

  4. Sélectionnez le nœud copié lors de l’étape précédente et cliquez sur Propriétés. Les propriétés non localisées s’affichent. 

  5. Modifiez les propriétés du nœud non localisées et cliquez sur Enregistrer tout.

Personnalisation des propriétés localisées d’un module

  1. Connectez-vous à CRXDE Lite à l’aide des informations d’identification d’administrateur. L’emplacement par défaut de CRXDE Lite est http://<serveur>:<port>/lc/crx/de.

  2. Accédez au dossier /libs/livecycle/landingpage, copiez le dossier locales dans le dossier /apps/livecycle/landingpage et cliquez sur Enregistrer tout

  3. Accédez au dossier /libs/livecycle/landingpage/components.  

  4. Pour personnaliser un nœud, copiez-le dans le dossier /apps/livecycle/landingpage/components et cliquez sur Enregistrer tout.

  5. Sélectionnez le nœud copié lors de l’étape précédente et cliquez sur Propriétés.

  6. Sélectionnez la propriété que vous souhaitez personnaliser et notez la valeur. La valeur correspond au nom d’un nœud contenant le contenu localisable. Le contenu localisé s’affiche sur la page d’accueil.  

  7. Accédez au dossier /apps/livecycle/landingpage/locales. Ouvrez le sous-dossier associé au langage que vous utilisez. Sélectionnez le nœud portant le même nom que la valeur notée à l’étape 6 et cliquez sur Propriétés.  Modifiez la valeur de la propriété ’sling:message’ et cliquez sur Enregistrer tout.   

Ajout de nouveaux modules à la page d’accueil  

  1. Connectez-vous à CRXDE Lite à l’aide des informations d’identification d’administrateur.

    L’emplacement par défaut de CRXDE Lite est http://<serveur>:<port>/lc/crx/de.

  2. Accédez au dossier /libs/livecycle/landingpage/components.  

  3. Copiez n’importe quel nœud dans le dossier /apps/livecycle/landingpage/components et renommez le nœud copié. Cliquez sur Enregistrer tout.

    Remarque :

    Il est plus facile d’identifier un nœud avec son nom descriptif. Sélectionnez un nom descriptif.

    Remarque :

    LiveCycle utilise les nœuds suivants : adminui, fm, cm, flexws, htmlws, pdfg, re, rm, et pr.  N’utilisez pas ces noms pour vos nœuds. Si vous les utilisez, les nœuds existants situés dans le dossier /libs/livecycle/components/landingpage seront remplacés. 

  4. Sélectionnez le nœud que vous venez de coller et cliquez sur Propriétés.  Selon vos besoins, modifiez la valeur des autres propriétés et cliquez sur Enregistrer tout.

    Remarque :

    Assurez-vous que la propriété isActive est définie sur true. 

Localisation des chaînes d’un module

  1. Connectez-vous à CRXDE Lite à l’aide des informations d’identification d’administrateur. L’emplacement par défaut de CRXDE lite est http://<serveur>:<port>/lc/crx/de.

  2. Copiez le dossier locales du dossier /libs/livecycle/landingpage/ dans le dossier /apps/livecycle/landingpage/ et cliquez sur Enregistrer tout.

  3. Accédez au dossier /apps/ livecycle/landingpage/components/locales et ouvrez un sous-dossier. Créez une copie de n’importe quel nœud du sous-dossier dans ce même sous-dossier. Cliquez sur Enregistrer tout.  

  4. Renommez le nouveau nœud conformément au nom de la clé. Par exemple, renommez le dossier ALC.LP.MyModule.description.

  5. Sélectionnez le fichier renommé et cliquez sur Propriétés.

  6. Dans l’onglet Propriétés, définissez la valeur de la propriété sling:key sur le nom du nœud et la valeur de la propriété sling:message sur la chaîne localisée. Cliquez sur Enregistrer tout.

Ajout d’une liste de contrôle d’accès à un module

  1. Ouvrez http://<serveur>:<port>/lc/crx/explorer et connectez-vous avec les informations d’identification administrateur.

  2. Cliquez sur Group Administration. Une nouvelle fenêtre s’ouvre. 

  3. Dans la fenêtre Administration du groupe, cliquez sur Créer un groupe, ajoutez l’ID du groupe et le nom principal, cliquez sur OK et sur Fermer.

    Remarque :

    assurez-vous que GroupId et Principal Name sont identiques. De plus, ces noms doivent être identiques aux noms de rôle/autorisation requérant une autorisation d’accès. 

  4. Ouvrez http://<serveur>:<port>/lc/crx/de et connectez-vous à l’aide des informations d’identification d’administrateur. 

  5. Accédez au dossier /apps/livecycle/landingpage/components. Sélectionnez le nœud pour ajouter une liste de contrôle d’accès. 

  6. Cliquez sur Contrôle d’accès et supprimez tous les groupes inutiles excepté le groupe Tout le monde

  7. Cliquez sur et accédez au groupe requis. Sélectionnez Autoriser et jcr:read. Cliquez sur OK puis sur Enregistrer tout

Modification du logo 

  1. Connectez-vous à CRXDE Lite à l’aide des informations d’identification d’administrateur. L’emplacement par défaut de CRXDE lite est http://<serveur>:<port>/lc/crx/de.

  2. Créez un fichier d’images dans /apps/livecycle/landingpage/ et ajoutez-y des images. Pour ajouter des images :

    1. Installez un client WebDav. 
    2. Dans le client WebDav, accédez au dossier /apps/livecycle/landingpage/images. Pour plus d’informations, voir : Accès WebDav.
    3. Ajoutez de nouvelles images. Ajoutez par exemple nouveauLogo.png et nouveauNomSociété.png
  3. Accédez au dossier /apps/livecycle/landingpage/css. Créez un fichier intitulé newStyle.css et cliquez sur Enregistrer tout.

  4. Ouvrez le fichier nouveauStyle.css en mode d’édition. Ajoutez les styles suivants au fichier nouveauStyle.css : 

    .header .logo{
        background: url(../images/newLogo.png) no-repeat 0px 0px;
    }
     
    .header .name{
        background: url(../images/newOrgName.png) no-repeat 0px 0px;
    }

    Cliquez sur Enregistrer tout.

    Remarque :

    la taille recommandée pour le logo est de 70 px × 70 px et celle pour l’image du nom de la société est de 253 px x 30 px.

  5. Copiez le fichier GET.jsp du dossier /libs/livecycle/landingpage dans le dossier apps/livecycle/landingpage.

  6. Ouvrez le fichier GET.jsp en mode d’édition. Localisez le code suivant dans le fichier GET.jsp :

    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <% if (user == null) { %>
        <meta http-equiv="refresh" content="0;URL='/lc/libs/cq/core/content/welcome.html'" />
        <%} else { %>
        <title>Adobe&reg; LiveCycle ES4</title>
        <link type="text/css" href="/libs/livecycle/landingpage/css/style.css" rel="stylesheet">
        <% } %>
    </head>

    Remplacez ce code par le code suivant :  

    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <% if (user == null) { %>
        <meta http-equiv="refresh" content="0;URL='/lc/libs/cq/core/content/welcome.html'" />
        <%} else { %>
        <title>Adobe&reg; LiveCycle ES4</title>
        <link type="text/css" href="/libs/livecycle/landingpage/css/style.css" rel="stylesheet">
            <!-- Entry of new style sheet at /apps/livecycle/landingpage/css -->
            <link type="text/css" href="/apps/livecycle/landingpage/css/newStyle.css" rel="stylesheet">
        <% } %>
    </head>

    Cliquez sur Enregistrer tout.

Ajout de la prise en charge d’une nouvelle langue

Vous pouvez ajouter la prise en charge d’une nouvelle langue. La procédure détaillée suivante vous permet d’ajouter la prise en charge d’une langue avec le code nw :

  1. Connectez-vous à CRXDE Lite à l’aide des informations d’identification d’administrateur. L’emplacement par défaut de CRXDE lite est http://<serveur>:<port>/lc/crx/de.

  2. Copiez le fichier GET.jsp du dossier /libs/livecycle/landingpage dans le dossier apps/livecycle/landingpage

  3. Ouvrez le fichier GET.jsp en mode d’édition. Localisez le code suivant dans le fichier GET.jsp :

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <%
        response.setHeader("Cache-Control", "no-cache, no-store, must-revalidate"); // HTTP 1.1.
        response.setHeader("Pragma", "no-cache"); // HTTP 1.0.
        response.setDateHeader("Expires", 0); // Proxies.
     
        String acceptLngs = request.getHeader("accept-language");
        String locale = "en";
     
        if(acceptLngs != null && !"".equals(acceptLngs.trim())) {
            acceptLngs = acceptLngs.trim().toLowerCase();
            String[] lngs = acceptLngs.split(",");
            for(String lng : lngs) {
                lng = lng.trim().substring(0,2);
                if(lng.equals("en") || lng.equals("de") || lng.equals("ja") || lng.equals("fr")) {
                    locale = lng;
                    break;
                }
            }
        }

    Remplacez ce code par le code suivant : 

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <%
        response.setHeader("Cache-Control", "no-cache, no-store, must-revalidate"); // HTTP 1.1.
        response.setHeader("Pragma", "no-cache"); // HTTP 1.0.
        response.setDateHeader("Expires", 0); // Proxies.
     
        String acceptLngs = request.getHeader("accept-language");
        String locale = "en";
     
        if(acceptLngs != null && !"".equals(acceptLngs.trim())) {
            acceptLngs = acceptLngs.trim().toLowerCase();
            String[] lngs = acceptLngs.split(",");
            for(String lng : lngs) {
                lng = lng.trim().substring(0,2);
                if(lng.equals("en") || lng.equals("de") || lng.equals("ja") || lng.equals("fr") || lng.equals("nw")) {
                    locale = lng;
                    break;
                }
            }
        }

    Cliquez sur Enregistrer tout.

  4. Copiez le fichier de paramètres régionaux du dossier /libs/livecycle/landingpage dans le dossier /apps/livecycle/landingpage.

  5. Copiez un sous-dossier du dossier /apps/livecycle/landingpage/locales dans le dossier /apps/livecycle/landingpage/locales. Renommez le dossier copié en application_nw. 

  6. Sélectionnez le dossier application_nw, cliquez sur Propriétés et définissez la valeur de la propriété  jcr:language sur nw.

  7. Définissez la valeur de la propriété sling:message de chaque nœud du dossier application_nw sur un texte dans la langue spécifique. Cliquez sur Enregistrer tout

 Adobe

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?

Adobe MAX 2024

Adobe MAX
La conférence sur la créativité

Du 14 au 16 octobre à Miami Beach et en ligne

Adobe MAX

La conférence sur la créativité

Du 14 au 16 octobre à Miami Beach et en ligne

Adobe MAX 2024

Adobe MAX
La conférence sur la créativité

Du 14 au 16 octobre à Miami Beach et en ligne

Adobe MAX

La conférence sur la créativité

Du 14 au 16 octobre à Miami Beach et en ligne