Actions

Theme options/fr: Difference between revisions

From LimeSurvey Manual

(Created page with "{{Remarque|Tapez un nombre dans le champ de durée. Si vous tapez dix (10), l'animation durera 10 secondes.}}")
(Created page with "*'''Polices fruitées :''' Sélectionnez la police que vous souhaitez utiliser pour votre thème ; *'''Variations fruitées :'''Sélectionnez l'une des variantes de thème dis...")
Line 91: Line 91:
<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''Fruity fonts:''' Select the font you wish to use for your theme;
*'''Polices fruitées :''' Sélectionnez la police que vous souhaitez utiliser pour votre thème ;
*'''Fruity variations:'''Select one of the available theme variations from the dropdown list. It changes the font and the icons colour.
*'''Variations fruitées :'''Sélectionnez l'une des variantes de thème disponibles dans la liste déroulante. Il change la police et la couleur des icônes.


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  

Revision as of 15:36, 29 August 2023

LimeSurvey 3 introduit un nouveau système de moteur de modèles, basé sur Twig 1.29 et Bootstrap qui permet l'héritage de modèles et différentes options de modèles.


Installez Limesurvey 3.0+ pour accéder à la fonctionnalité options de thème de l'enquête. Cette option ne sera pas disponible dans les anciennes versions de LimeSurvey !


Présentation

Options de thème propose un ensemble d'outils qui permettent aux administrateurs d'enquêtes de modifier rapidement et facilement les paramètres liés aux thèmes de leurs enquêtes.

Panneau d'options du thème

Accédez à la fonctionnalité options du thème depuis paramètres de l'enquête :



La barre d'outils du panneau contient deux onglets : l'onglet options simples et l'onglet options avancées.


Options simples

Les éléments suivants s'affichent sur la page d'options Thèmes :



  Veuillez noter que chaque thème est accompagné de certaines options qui peuvent être modifiées à partir des options thème de l'enquête. Dans cette section wiki, le thème par défaut de LimeSurvey fruity est utilisé pour montrer comment des changements rapides et faciles, mais puissants, peuvent être implémentés dans un thème par des utilisateurs sans aucune connaissance préalable en HTML, php et/ou CSS.


L'onglet options simples est présélectionné. Les paramètres de thème d'enquête les plus importants peuvent être modifiés à partir d'ici :

  • Tout hériter : Si le bouton oui est sélectionné, toutes les configurations de thème seront héritées du niveau de configuration global. Si vous cliquez sur « non » et cliquez sur le bouton « Enregistrer » situé dans la partie supérieure droite de l'écran, davantage d'options de configuration du thème s'afficheront. Chacune de ces options peut être définie sur :
    • hériter des configurations du thème du groupe d'enquête - « hériter » (à moins qu'il ne soit modifié, votre thème d'enquête héritera de la configuration globale du thème) ;
    • n'héritera d'aucune configuration globale du thème. configuration du thème - "non" ;
    • ou activer une autre configuration - oui. Les paramètres du thème peuvent être configurés à votre guise si cette option est choisie. Vous pouvez observer que chaque paramètre de thème vous permet de sélectionner la valeur « hériter ».
Le système d'héritage s'applique sur trois niveaux :
  • au niveau global (accessible depuis la liste des modèles). Les deux autres niveaux héritent des paramètres de thème globaux ;
  • au niveau du groupe d'enquête (accessibles depuis le panneau de configuration de l'enquête). Les paramètres de thème au niveau du groupe d'enquête héritent des paramètres de thème globaux ;
  • au niveau de l'enquête. Les paramètres du thème de l'enquête héritent des paramètres du thème du groupe d'enquête.


  • Polices de thème : Sélectionnez la police que vous souhaitez utiliser pour votre thème;
  • Variations de thème : Sélectionnez l'une des variantes de thème disponibles dans la liste déroulante. Il change la police et la couleur des icônes.


Aucun héritage

Comme mentionné ci-dessus, vous pouvez choisir dans le menu des paramètres de l'enquête ne pas hériter de la configuration globale du thème. Une fois que vous aurez cliqué sur le bouton Enregistrer, plus d'options s'afficheront :



Template:Encadré

  • Mode Ajax : Si activé, la page d'enquête sera chargée plus rapidement via ajax (recommandé pour l'utilisateur moyen de LimeSurvey). Si elle est désactivée, la page sera chargée via le rechargement de la page, ce qui est préférable à des fins de débogage ;
  • Conteneur d'enquête : Si oui est sélectionné, l'enquête sera affichée dans un conteneur - sa largeur est limitée. Cette option est utile si les participants à votre enquête répondent à votre enquête depuis leur téléphone mobile ou leur tablette, car la largeur de l'enquête est contrôlée. Par conséquent, c'est plus confortable pour vos répondants car ils n'auront plus besoin de faire défiler vers la droite pour lire toute la question ou voir toutes les options de réponse. Si l'enquête est intégrée dans un blog et/ou un forum, vous pouvez également désactiver cette option puisqu'ils utilisent déjà une certaine largeur.
  • Bordures des questions : Si cette option est activée, chaque question sera affichée dans une bordure. Si la valeur est « non », les questions ne seront pas contenues dans une boîte (vous pouvez donc utiliser un grand nombre de types de questions plus grands que la largeur de l'écran);
  • Ombre de la question : Si activé, une ombre sera affichée autour des bordures des questions in(visibles).

  • Couleur de fond : Sélectionnez la couleur de fond de toute la question, y compris les réponses;
  • Couleur de police : Changez la couleur de police en sélectionnant dans le menu contextuel la couleur souhaitée.
  • Couleur de fond de la question : Changez la couleur de fond de la question en sélectionnant dans le menu contextuel la couleur souhaitée.
  • Icône de vérification : Ce paramètre permet de sélectionner la couleur souhaitée. cochez l'icône lorsque des types de questions à choix multiples sont utilisés.

  • Image d'arrière-plan : Si la valeur est « non », vous pouvez sélectionner une image d'arrière-plan différente de celle utilisée dans votre groupe d'enquête et/ou dans les paramètres de thème global. Vous pouvez également télécharger une image d'arrière-plan d'enquête personnalisée en cliquant sur le bouton télécharger situé en bas du panneau des paramètres du thème et en sélectionnant l'image souhaitée depuis votre ordinateur ;
  • ' Logo de la marque :' Si défini sur « non », le nom de l'enquête sera affiché dans la barre supérieure, ou vous pouvez sélectionner l'une des images dans le répertoire de fichiers pour l'utiliser comme image de logo.

  • Animer le corps : Si défini sur oui, vous pouvez choisir une des animations à appliquer lorsque le "corps" de l'enquête est chargé ;
  • 'Animer la question :' Si défini sur oui, vous choisissez l'une des animations à appliquer à vos questions d'enquête lors de leur chargement.
  • Animer l'alerte : Si défini sur oui, vos alertes d'enquête (lorsque les données d'enquête ne sont pas enregistrées ou qu'un mauvais jeton est saisi) seront animées en fonction de l'option d'animation sélectionnée.
  • Animer la case à cocher : Si défini sur « oui » , chaque fois que vous cochez une option de réponse, l'animation est déclenchée.
  • Animer les boutons radio : Si la valeur est oui, chaque fois que vous sélectionnez une option dans une question de type radio, l'animation est déclenchée.
La bibliothèque utilisée pour les animations est animate.css. Vous pouvez soit utiliser la valeur par défaut, soit ajouter votre propre bibliothèque d'animation.


Template:Remarque


  • Polices fruitées : Sélectionnez la police que vous souhaitez utiliser pour votre thème ;
  • Variations fruitées :Sélectionnez l'une des variantes de thème disponibles dans la liste déroulante. Il change la police et la couleur des icônes.

  • Upload: Browse your computer to upload an image to be used as logo or background image for your theme. Writing permissions might be requested on the "/themes/survey/fruity/files" folder - the location where the uploaded images will be stored in your LimeSurvey installation.

Advanced options

<translate>

When you open the theme options tab, you can choose to edit either its simple options or its advanced options. “Advanced options” is just a naked form that gives you access to the main theme configuration fields from the database. To understand how it works, you should also read about the XML file and the creation of a theme from scratch. So, it’s rather complex and made for advanced users.

However, if you do wish to perform advanced settings editing, click on the advanced options tab



  • Files css: The CSS files that should be added to the template;
  • Files js: The JS files that should be added to the template;
  • Files Print Css: The CSS files to load when printing a template;
  • Options: This field includes the options (and their value) that should be parsed to the template view;
  • CssFramework Name: The name of the CSS framework to load. For now, only Bootstrap or nothing;
  • Cssframework Css: You can replace the core bootstrap.css in this field by a different custom version of it;
  • Cssframework Js: The field core boostrap.js can be replaced from here by a different custom version of it;
  • Packages To Load: You can load from this setting some core asset packages from LimeSurvey.

You’ll notice an upload input at the top, which gives you the possibility to upload a file into the file directory of the theme. These parameters can be used to change the entire appearance of the theme.

  Warning! : Don't touch the values unless you know what you're doing!


</translate>