Téléchargez et extrayez le contenu du fichier scss-files-2017.zip.
Cet article fournit des liens vers les dernières versions archivées des dispositions et des profils d’écran de RoboHelp. Vous pouvez télécharger ces dispositions et profils d’écran, les utiliser dans votre projet RoboHelp et générer une sortie Responsive HTML5 ou Multiscreen HTML5.
Cette section répertorie les dispositions Responsive HTML5 que vous pouvez utiliser dans vos projets RoboHelp (version 2017).
Téléchargez la disposition d’écran Responsive de votre choix dans la liste ci-dessous, changez l’extension de nom de fichier .zip en .slz, puis importez-la dans votre projet. Pour obtenir des informations plus contextuelles, voir Dispositions d’écran dans le Guide de l’utilisateur de RoboHelp.
Une disposition Responsive HTML5 sans cadre qui offre la meilleure recherche et navigation de sa catégorie.
Telechargement
Une disposition sans cadre qui permet à vos utilisateurs de mettre en signet leurs rubriques préférées à partir de votre aide.
À partir de la mise à jour 2 de RoboHelp, la disposition Ocean est déconseillée dans le produit.
Telechargement
Pour pouvoir personnaliser des dispositions, vous devez avoir une notion claire des technologies SCSS, CSS et Javascript. SCSS est une extension de CSS, qui vous permet d’utiliser des variables, des mixins, des règles imbriquées, et d’autres principes de base de programmation pour créer un CSS.
Vous pouvez personnaliser une disposition Responsive de deux manières :
Les sections suivantes expliquent ces deux méthodes de personnalisation de la disposition.
Téléchargez et extrayez le contenu du fichier scss-files-2017.zip.
Le fichier scss-files-2017.zip contient les fichiers .scss pour les dispositions Azure Blue, Charcoal Grey et Indigo. En outre, vous trouverez d’autres fichiers de configuration utilisés par ces dispositions, telles que les fichiers de configuration de disposition de droite à gauche.
Modifiez le fichier .scss de la disposition que vous souhaitez utiliser.
Par exemple, si vous souhaitez modifier la disposition Indigo, modifiez le fichier layout.scss disponible dans le dossier scss-files-2017\indigo.
Utilisez un compilateur de fichier .scss pour générer un fichier .css à partir du fichier .scss mis à jour.
Les fichiers CSS fournis avec les dispositions de RoboHelp ont été compilés à l’aide d’un outil tiers appelé Koala. Vous pouvez utiliser Koala ou tout autre outil pour compiler le fichier .scss.
Si vous souhaitez générer le RTL CSS, ouvrez le fichier scss-files-2017\_rtl.scss dans un éditeur de texte. Définissez $if-rtl sur true, puis renommez le fichier layout.css généré en layout_rtl.css.
Extrayez le contenu du fichier zip de la disposition (Indigo.zip ou Ocean.zip) et remplacez le fichier layout.css dans le zip par le fichier .css mis à jour que vous avez créé à l’étape 3.
Le fichier layout.css est disponible sous le dossier racine du fichier zip de la disposition. Par exemple, pour la disposition Gris anthracite, l’emplacement du fichier CSS est scss-files-2017\indigo\layout.css.
Recréez le fichier zip avec le fichier layout.css mis à jour.
Renommez le fichier zip en .slz et importez-le dans votre projet.
Vous pouvez également modifier le comportement de certains événements dans votre disposition en personnalisant les fichiers JavaScript associés. Par exemple, si vous voyez une erreur spécifique de JavaScript dans un navigateur, vous pouvez modifier le code JavaScript pour corriger le problème.
Effectuez les étapes suivantes pour personnaliser la disposition à l’aide de JavaScript :
Accédez au dossier scripts sur votre système :
<RoboHelp_install_location>\RoboHTML\ResponsiveHelpExt\widgets\common\scripts
Le dossier scripts contient quatre fichiers : common.js, layout.js, rh.js et topic.js. Chacun de ces fichiers JavaScript contient du code qui gère le comportement des divers composants de votre disposition.
Créez une sauvegarde du fichier .js que vous souhaitez utiliser, puis modifiez les fichiers .js selon vos besoins.
Renommez le fichier modifié en <nom du fichier>.min.js. Par exemple, renommez le fichier common.js en common.min.js.
Au lieu de renommer manuellement les fichiers .js en .min.js, il est recommandé d’utiliser un outil de réduction (tel que JavaScript minifier) pour réduire les fichiers .js mis à jour.
Remplacez les fichiers JavaScript dans le dossier scripts de l’emplacement d’installation de RoboHelp (indiqué à l’étape 1). Vous pouvez également remplacer les scripts dans le dossier de sortie publié (du projet). L’emplacement de stockage des fichiers JavaScript dans votre projet est :
<dossier de projet>\template\scripts
Si vous remplacez les scripts dans l’emplacement d’installation de RoboHelp, toutes les sorties suivantes seront générées avec les fichiers .js personnalisés.
Si vous remplacez les scripts dans le dossier de sortie publié, seul le projet disposera des fichiers .js mis à jour. Si vous régénérez la sortie du projet, il perdra toutes les personnalisations.
Téléchargez la disposition d’écran Responsive de votre choix dans la liste ci-dessous, changez l’extension de nom de fichier .zip en .slz, puis importez-la dans votre projet. Pour obtenir des informations plus contextuelles, voir Dispositions d’écran dans le Guide de l’utilisateur de RoboHelp.
La disposition Responsive attribue automatiquement à chaque périphérique une image optimisée. Avec la disposition Responsive, vous servez votre contenu d’aide sur tous les périphériques tels que bureau, tablette ou mobile en même temps.
Telechargement
Telechargement
Pour pouvoir personnaliser des dispositions, vous devez avoir une notion claire des technologies SCSS, CSS et Javascript. SCSS est une extension de CSS, qui vous permet d’utiliser des variables, des mixins, des règles imbriquées, et d’autres principes de base de programmation pour créer un CSS.
Vous pouvez personnaliser une disposition Responsive de deux manières :
Les sections suivantes expliquent ces deux méthodes de personnalisation de la disposition.
Téléchargez et extrayez le contenu du fichier scss-files.zip.
Le fichier scss-files.zip contient les fichiers .scss pour les dispositions Bleu azur et Gris anthracite. En outre, vous trouverez d’autres fichiers de configuration utilisés par ces dispositions, telles que les fichiers de configuration de disposition de droite à gauche.
Modifiez le fichier .scss de la disposition que vous souhaitez utiliser.
Par exemple, si vous souhaitez modifier la disposition Bleu azur, modifiez le fichier layout.scss disponible dans le dossier scss-files\scss\Azure_Blue.
Utilisez un compilateur de fichier .scss pour générer un fichier .css à partir du fichier .scss mis à jour.
Les fichiers CSS fournis avec les dispositions de RoboHelp ont été compilés à l’aide d’un outil tiers appelé Koala. Vous pouvez utiliser Koala ou tout autre outil pour compiler le fichier .scss.
Si vous souhaitez générer le RTL CSS, ouvrez le fichier scss-files\scss\_rtl.scss dans un éditeur de texte. Définissez $if-rtl sur true, puis renommez le fichier layout.css généré en layout_rtl.css.
Extrayez le contenu du fichier zip de la disposition (Azure_Blue.zip ou Charcoal_Grey.zip) et remplacez le fichier layout.css dans le zip par le fichier .css mis à jour que vous avez créé à l’étape 3.
Le fichier layout.css est disponible sous le dossier racine du fichier zip de la disposition. Par exemple, pour la disposition Gris anthracite, l’emplacement du fichier CSS est scss-files\scss\Charcoal_Grey\layout.css.
Recréez le fichier zip avec le fichier layout.css mis à jour.
Renommez le fichier zip en .slz et importez-le dans votre projet.
Vous pouvez également modifier le comportement de certains événements dans votre disposition en personnalisant les fichiers JavaScript associés. Par exemple, si vous voyez une erreur spécifique de JavaScript dans un navigateur, vous pouvez modifier le code JavaScript pour corriger le problème.
Effectuez les étapes suivantes pour personnaliser la disposition à l’aide de JavaScript :
Téléchargez et extrayez le contenu du fichier js-files.zip.
Le zip contient quatre fichiers : common.js, layout.js, rh.js et topic.js. Chacun de ces fichiers JavaScript contient du code qui gère le comportement des divers composants de votre disposition.
Modifiez les fichiers .js en fonction de vos besoins.
Renommez le fichier modifié en <nom du fichier>.min.js. Par exemple, renommez le fichier common.js en common.min.js.
Au lieu de renommer manuellement les fichiers .js en .min.js, il est recommandé d’utiliser un outil de réduction (tel que JavaScript minifier) pour réduire les fichiers .js mis à jour.
Remplacez les fichiers JavaScript dans le dossier scripts de l’emplacement d’installation de RoboHelp :
<RoboHelp_install_location>\RoboHTML\ResponsiveHelpExt\widgets\common\scripts
Vous pouvez également remplacer les scripts dans le dossier de sortie publié (du projet). L’emplacement de stockage des fichiers JavaScript dans votre projet est :
<dossier de projet>\template\scripts
Si vous remplacez les scripts dans l’emplacement d’installation de RoboHelp, toutes les sorties suivantes seront générées avec les fichiers .js personnalisés.
Si vous remplacez les scripts dans le dossier de sortie publié, seul le projet disposera des fichiers .js mis à jour. Si vous régénérez la sortie du projet, il perdra toutes les personnalisations.
Cette section répertorie les dispositions Responsive HTML5 que vous pouvez utiliser dans vos projets RoboHelp 11.
Disposition qui donne à chaque périphérique une image optimisée. Avec la disposition Responsive, vous servez tous les périphériques en même temps.
Telechargement
Style classique formel accentué de couleurs vert foncé et gris ardoise pour bannières et titres.
Telechargement
Style classique formel accentué de noir pour bannières et titres.
Telechargement
Cette section dresse la liste des dispositions Multiscreen HTML5 que vous pouvez utiliser dans vos projets RoboHelp (2015 release) ou 11.
Telechargement
Telechargement
Telechargement
Telechargement
Telechargement
Telechargement
Telechargement
Telechargement
Telechargement
Telechargement
Telechargement
Telechargement
Telechargement
Telechargement
Telechargement
Telechargement
Telechargement
Téléchargez le fichier predefined_screens.zip, qui contient des profils d’écran pour différents appareils. Le fichier contient un fichier XML - predefined_screens.xml. Enregistrez le fichier XML aux deux emplacements suivants :
RoboHelp met à jour la liste des profils d’écran prédéfinis pour votre projet.
Accéder à votre compte