Avec RoboHelp (2017 release), de nombreux utilisateurs ont signalé des problèmes d’informations d’en-tête manquantes dans leurs projets RoboHelp (2015 release). À chaque fois que vous générez une sortie Responsive HTML5 à partir de RoboHelp 2017 pour un projet créé dans la version 2015, les informations d’en-tête ne sont pas conservées. La capture d’écran suivante montre la sortie Responsive HTML5 générée à partir de RoboHelp 2017 pour un projet créé dans RoboHelp 2015 :

before
Sortie Responsive HTML5 créée sans mise à niveau de la mise en page

Dans la capture d’écran, les éléments suivants de l’en-tête sont manquants ou ne sont pas tels que définis dans le projet :

A. Le logo du projet
B. Couleur de titre et famille de polices
C. Couleur d’arrière-plan
D. Chaîne de navigation (pour ouvrir la mise en page du projet)

La correction présentée dans cet article vous permet de corriger les informations manquantes ou incorrectes de l’en-tête de votre sortie Responsive HTML5.

  1. Ouvrez le fichier usersettings.js de votre projet dans un éditeur. L’emplacement par défaut du fichier usersettings.js est le suivant :

    <project-folder>\!ScreenLayout!\<nom-mise-en-page>

  2. Dans la section de déclaration de variable de ce fichier, ajoutez les quatre variables suivantes :
    var titleColor = "#ffffff";
    var backgroundColor = "#509de6";
    var logo = "logo.png";
    var fontFamily = "\"Trebuchet MS\", Arial, sans-serif";

    Les variables titleColor et fontFamily définissent la couleur et la famille de polices du titre utilisé dans l’en-tête (indiqué par la lettre B dans la capture d’écran). backgroundColor permet de définir la couleur d’arrière-plan de l’en-tête supérieur (C dans la capture d’écran). logo permet de définir le logo du projet (A dans la capture d’écran).

    Remarque :

    Vous pouvez choisir d’indiquer les valeurs réelles selon le thème de votre projet ou utiliser les valeurs par défaut. Les valeurs par défaut de ces variables sont remplacées par les valeurs réelles au moment de la publication du projet.

  3. Enregistrez les modifications apportées dans le fichier usersettings.js et fermez celui-ci.

  4. Ouvrez le fichier MasterThemeSchema.xml de votre projet dans un éditeur. L’emplacement par défaut du fichier MasterThemeSchema.xml est le suivant :
    <project-folder>\!ScreenLayout!\<nom-mise-en-page>

  5. Dans le fichier MasterThemeSchema.xml, apportez les modifications suivantes :

    a. Recherchez le nom de variable head_titlecolor et ajoutez le code suivant dans la définition de l’élément sources :

    <source filename="usersettings.js" variable="titleColor"></source>

    b. Recherchez le nom de variable head_logo et ajoutez le code suivant dans la définition de l’élément <allowedvalues/> :

    <sources>
           <source filename="usersettings.js" variable="logo"></source>
    </sources>

    c. Recherchez le nom de variable head_bgcolor et ajoutez le code suivant dans la définition de l’élément sources :

    <source filename="usersettings.js" variable="backgroundColor"></source>

    d. Recherchez le nom de variable us_font et ajoutez le code suivant dans la définition de l’élément sources :

    <source filename="usersettings.js" variable="fontFamily"></source>

  6. Enregistrez les modifications apportées dans le fichier MasterThemeSchema.xml et fermez celui-ci.

  7. Ouvrez le fichier RoboHHRE.lng de votre projet dans un éditeur. L’emplacement par défaut du fichier RoboHHRE.lng est le suivant :
    <project-folder>\!Language!\<locale-folder>

    Remarque :

    Le fichier RoboHHRE.lng contient la définition de la chaîne de navigation (indiquée par la lettre D dans la capture d’écran ci-dessous). Vous devez mettre à jour la définition de la chaîne de navigation dans l’ensemble des dossiers de paramètres régionaux.

  8. Recherchez la section ResponsiveHelp et ajoutez le code suivant avant la balise </section> :

    <element name="ShowTopicInContext" value="Click here to see this page in full context"></element>

    Remarque :

    Vous pouvez modifier la valeur par défaut de l’élément ShowTopicInContext en fonction des besoins de votre projet.

  9. Enregistrez les modifications apportées dans le fichier RoboHHRE.lng et fermez celui-ci.

  10. Ouvrez le fichier du projet RoboHelp (2015 release) dans RoboHelp (2017 release) et générez de nouveau la sortie Responsive HTML5.

    La capture d’écran suivante affiche la sortie générée après l’application des corrections :

    after
    Sortie Responsive HTML5 créée après la mise à niveau de la mise en page

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne