Latest revision as of 15:37, 29 August 2023

Other languages:

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.

Télécharger : Parcourez votre ordinateur pour télécharger une image à utiliser comme logo ou image d'arrière-plan pour votre thème. Des autorisations d'écriture peuvent être demandées dans le dossier "/themes/survey/fruity/files" - l'emplacement où les images téléchargées seront stockées dans votre installation LimeSurvey.

Options avancées

QS:Éditeur de thème - options avancées

@@ Line 32: / Line 32: @@
-{{Alert|Title=Attention|text=Please note that each theme comes with certain options that can be changed from the '''survey theme''' options. In this wiki section, the default LimeSurvey theme '''fruity''' is used to show how quick and easy, yet powerful changes can be implemented to a theme by users without any prior knowledge in HTML, php, and/or CSS.}}
+{{Alert|Title=Attention|text=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. }}
-The '''simple options tab''' is preselected. The most important survey theme settings can be changed from here:
+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 :
-* '''Inherit everything:''' If the ''yes'' button is selected, all the theme configurations will be inherited from the global [[Themes|configuration level]]. If you click ''no'' and click the '''Save''' button located in the upper right part of the screen, more theme configuration options will be displayed. Each of these options can be set to:
+* '''Tout hériter :''' Si le bouton ''oui'' est sélectionné, toutes les configurations de thème seront héritées du [[Thèmes|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 :
-** inherit the survey group theme configurations - ''inherit'' (unless unchanged, your survey theme will inherit the global theme configuration);
+** 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) ;
-** not inherit any global theme configuration - ''no'';
+** n'héritera d'aucune configuration globale du thème. configuration du thème - "non" ;
-** or enable another configuration - ''yes''. The theme settings can be configured as you wish if this option is chosen. You can observe that each theme setting allows you to select the ''inherit'' value.
+** 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 ».
-{{Box|The inheritance system is applied on three levels:
+{{Box|Le système d'héritage s'applique sur trois niveaux :
-* '''at the global level''' (accessible from the template list). The other two levels inherit the global theme settings;
+* '''au niveau global''' (accessible depuis la liste des modèles). Les deux autres niveaux héritent des paramètres de thème globaux ;
-* '''at the survey group level''' (accessible from the survey setting panel). The theme settings at the survey group level inherit the global theme settings;
+* '''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 ;
-* '''at the survey level'''. The survey theme settings inherit the survey group theme settings.}}
+* '''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.}}
-* '''Theme fonts:''' Select the font you wish to use for your theme;
+* '''Polices de thème :''' Sélectionnez la police que vous souhaitez utiliser pour votre thème;
-* '''Theme variations:''' Select one of the available theme variations from the dropdown list. It changes the font and the icons colour.
+* '''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.
-===No inheritance===
+===Aucun héritage===
-As mentioned above, you can choose from the survey settings menu '''not to inherit''' the [[Themes|global theme configuration]]. Once you click the '''Save''' button, more options will be displayed:
+Comme mentionné ci-dessus, vous pouvez choisir dans le menu des paramètres de l'enquête '''ne pas hériter''' de la [[Thèmes|configuration globale du thème]]. Une fois que vous aurez cliqué sur le bouton '''Enregistrer''', plus d'options s'afficheront :
@@ Line 58: / Line 58: @@
-{{Box|To show the power of this feature, the following explanations will be based on the '''fruity''' theme. Please note that each theme comes with its own customizable options.}}
+{{Encadré|Pour montrer la puissance de cette fonctionnalité, les explications suivantes seront basées sur le thème '''fruité'''. Veuillez noter que chaque thème est livré avec ses propres options personnalisables.}}
-*'''Ajax mode:''' If enabled, the survey page will be loaded faster via ajax (''recommended for the average LimeSurvey user''). If disabled, the page will be loaded via page reload, which is better for debugging purposes;
+*'''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 ;
-*'''Survey container:''' If ''yes'' is selected, the survey will be displayed in a container - its width is limited. This option is useful if your survey participants complete your survey from their mobile phones or tablets because the survey width is controlled. Therefore, it is more comfortable for your respondents because they will not have to scroll right anymore to read the whole question or to see all the answer options. If the survey is embedded in a blog and/or forum, you can also deactivate this option since they already use a certain width.
+*'''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.
-*'''Question borders:''' If enabled, each question will be shown within a border. If set to ''no'', the questions will not be contained in a box (so you can use large array question types that are bigger than the screen width);
+*'''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);
-*'''Question shadow:''' If enabled, a shadow will be displayed around the in(visible) question borders.
+*'''Ombre de la question :''' Si activé, une ombre sera affichée autour des bordures des questions in(visibles).
 <hr width="50%" style="margin:auto">
-*'''Background color:''' Select the background colour of the whole question, including the answers;
+*'''Couleur de fond :''' Sélectionnez la couleur de fond de toute la question, y compris les réponses;
-*'''Font color:''' Change the font color by selecting from the popup menu the desired color.
+*'''Couleur de police :''' Changez la couleur de police en sélectionnant dans le menu contextuel la couleur souhaitée.
-*'''Question background color:'''  Change the question background color by selecting from the popup menu the desired color.
+*'''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.
-*'''Check icon:''' This setting allows you to select the desired check icon when multiple choice question types are employed.
+*'''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.
 <hr width="50%" style="margin:auto">
-*'''Background image:''' If set to ''no'', you may select a different background image from the one used within your survey group and/or global theme settings. You may also '''upload''' a personalised survey background image by clicking on the '''upload''' button located in the bottom of the theme settings panel and selecting the desired image from your computer;
+*'''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 ;
-*'''Brand logo:''' If set to ''no'', the name of the survey will be shown in the top bar, or, you can select one of the pictures inside the file directory to be used as logo picture.
+*' ''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.
 <hr width="50%" style="margin:auto">
-*'''Animate body:''' If set to ''yes'', you can choose one of the animations to apply when the "body" of the survey is loaded;
+*'''Animer le corps :''' Si défini sur ''oui'', vous pouvez choisir une des animations à appliquer lorsque le "corps" de l'enquête est chargé ;
-*'''Animate question:''' If set to ''yes'', you choose one of the animations to apply to your survey questions when they are loaded.
+*'''Animer la question :' '' Si défini sur ''oui'', vous choisissez l'une des animations à appliquer à vos questions d'enquête lors de leur chargement.
-*'''Animate alert:''' If set to ''yes'', your survey alerts (when the survey data is not recorded or the wrong token is typed in) will be animated according to the selected animation option.
+*'''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.
-*'''Animate checkbox:''' If set to ''yes'', anytime you check an answer option, the animation is triggered.
+*'''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.
-*'''Animate radio buttons:''' If set to ''yes'', anytime you select an option from a radio-type question, the animation is triggered.
+*'''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.
-{{Box|The library used for animations is [https://daneden.github.io/animate.css/ animate.css]. You can either use the default or add your own animation library.}}
+{{Box|La bibliothèque utilisée pour les animations est [https://daneden.github.io/animate.css/ animate.css]. Vous pouvez soit utiliser la valeur par défaut, soit ajouter votre propre bibliothèque d'animation.}}
-{{Note|Type a number in the duration field. If you type ten (10), the animation will last for 10 seconds.}}
+{{Remarque|Tapez un nombre dans le champ de durée. Si vous tapez dix (10), l'animation durera 10 secondes.}}
 <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">
-*'''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.
+*'''Télécharger :''' Parcourez votre ordinateur pour télécharger une image à utiliser comme logo ou image d'arrière-plan pour votre thème. Des autorisations d'écriture peuvent être demandées dans le dossier "/themes/survey/fruity/files" - l'emplacement où les images téléchargées seront stockées dans votre installation LimeSurvey.
-==Advanced options==
+==Options avancées==
-{{QS:Theme editor - advanced options}}
+{{QS:Éditeur de thème - options avancées}}

Theme options/fr: Difference between revisions

From LimeSurvey Manual