Guide d'utilisation Annuler

Éléments d’une option de conception

Présentation

Comprendre les composants d’une option de conception dans Captivate est essentiel pour créer vos propres conceptions personnalisées. En outre, une connaissance de base des propriétés CSS est nécessaire pour personnaliser les conceptions qui s’alignent sur le thème et les normes de votre organisation.

Fichiers d’un dossier d’options de conception

Chaque dossier d’options de conception contient trois fichiers :

  • designOption.json : il s’agit du fichier que vous utilisez pour définir votre style, spécifier des paramètres de texte prédéfinis et ajouter des balises et des mises en page à votre conception personnalisée pour les affichages tablette, mobile ou ordinateur. Utilisez n’importe quel éditeur de texte pour modifier les valeurs de ce fichier.
  • localized.json : indiquez le nom et la description de l’option de conception personnalisée. Le nom correspond au nom de l’option de conception qui apparaît lorsque vous survolez la vignette dans le panneau Propriétés visuelles.
  • Thumbnail.png : il s’agit d’une représentation visuelle de cette option de conception dans le panneau Propriétés visuelles. Les utilisateurs peuvent ajouter une vignette personnalisée en tant qu’image pour leur option de conception personnalisée.
Remarque :

Vous pouvez utiliser n’importe quel éditeur de texte ou HTML pour ouvrir et modifier les fichiers JSON.  Assurez-vous que le dossier contient les fichiers suivants : designOption.json, localized.json et Thumbnail.png.

Voici un exemple d’une option de conception ouverte dans un éditeur de texte ou HTML. Dans cet exemple, l’éditeur utilisé est Visual Studio Code :

Exemple de fichier JSON DesignOption
Option de conception personnalisée JSON qui contient des styles et des propriétés CSS

Fichier JSON localisé d’une option de conception
Fichier JSON localisé qui contient le nom et la description de l’option de conception personnalisée

Fichier PNG de vignette
Vignette de l’option de conception personnalisée (fichier PNG)

Description des différents champs du fichier JSON

Nom de la clé

Valeurs

Description

Requis

"type"

Chaîne

Bloc de contenu, composant ou mise en page de diapositive correspondant à l’option de conception.

Oui

"name"

Chaîne

Nom de l’option de conception. Ajoutez la valeur de champ $$name et localisez-la dans localized.json. Reportez-vous aux exemples d’options de conception disponibles dans le dossier d’installation de Captivate.

Oui

"description"

Chaîne

Description de l’option de conception. Ajoutez la valeur du champ $$description name et localisez-la dans localized.json, comme pour « name ».

Oui

"version"

Chaîne sous forme de numéro de version. Exemple : "1.0"

Version de l’option de conception.

Oui

"designOptionId"

Chaîne

ID d’option de conception qui représente l’option de conception de manière unique. Peut être utilisé dans d’autres options de conception.

Oui

"isDefault"

"true", "false"

Indique si l’option de conception est définie comme option par défaut. Lorsqu’une option de conception est marquée comme valeur par défaut, elle est automatiquement appliquée lors de l’insertion d’un bloc de contenu ou d’un composant.

Non

"thumbnail"

Chaîne

Nom de fichier copié dans le même dossier que le fichier JSON de l’option de conception. Cette image est utilisée comme vignette dans le panneau Propriétés visuelles.

Oui

"styles"

Tableau

Le tableau « styles » contient des entrées de liste d’éléments et les styles correspondants pour un bloc de contenu ou un composant donné.

Oui

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?