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 :
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.
-
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.
-
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>
-
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.
-
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.