Theme options/fr - Revision history

FuzzyBot: Updating to match new version of source page

2025-08-12T14:30:14Z

Updating to match new version of source page

← Older revision		Revision as of 16:30, 12 August 2025
Line 3:		Line 3:
	__TOC__		__TOC__

			<div class="mw-translate-fuzzy">
	<div class="simplebox">[[File:help.png]] '''LimeSurvey 3''' introduit un nouveau système de moteur de modèles, basé sur [https://twig.symfony.com/ Twig 1.29] et [https://getbootstrap.com/ Bootstrap] qui permet l'héritage de modèles et différentes options de modèles.</div>		<div class="simplebox">[[File:help.png]] '''LimeSurvey 3''' introduit un nouveau système de moteur de modèles, basé sur [https://twig.symfony.com/ Twig 1.29] et [https://getbootstrap.com/ Bootstrap] qui permet l'héritage de modèles et différentes options de modèles.</div>
			</div>


			<div class="mw-translate-fuzzy">
	{{Box\|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 !}}		{{Box\|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 !}}
			</div>


			<span id="Introduction"></span>
	=Présentation=		=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.		'''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.

			<span id="Theme_options_panel"></span>
	=Panneau d'options du thème=		=Panneau d'options du thème=

Line 24:		Line 30:


			<span id="Simple_options"></span>
	==Options simples==		==Options simples==

Line 50:		Line 57:


			<span id="No_inheritance"></span>
	===Aucun héritage===		===Aucun héritage===

Maren.fritz: Created page with "==Options avancées== {{QS:Éditeur de thème - options avancées}}"

2023-08-29T13:37:24Z

Created page with "==Options avancées== {{QS:Éditeur de thème - options avancées}}"

← Older revision		Revision as of 15:37, 29 August 2023
Line 98:		Line 98:
	*'''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.		*'''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}}

Maren.fritz: Created page with "*'''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..."

2023-08-29T13:37:20Z

Created page with "*'''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..."

← Older revision		Revision as of 15:37, 29 August 2023
Line 96:		Line 96:
	<hr width="50%" style="margin:auto">		<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==		==Advanced options==
	{{QS:Theme editor - advanced options}}		{{QS:Theme editor - advanced options}}

Maren.fritz: 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..."

2023-08-29T13:36:59Z

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

← Older revision		Revision as of 15:36, 29 August 2023
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">

Maren.fritz: Created page with "{{Remarque|Tapez un nombre dans le champ de durée. Si vous tapez dix (10), l'animation durera 10 secondes.}}"

2023-08-29T13:36:53Z

Created page with "{{Remarque|Tapez un nombre dans le champ de durée. Si vous tapez dix (10), l'animation durera 10 secondes.}}"

← Older revision		Revision as of 15:36, 29 August 2023
Line 87:		Line 87:
	{{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.}}		{{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">		<hr width="50%" style="margin:auto">

Maren.fritz: Created page with "{{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 vo..."

2023-08-29T13:36:51Z

Created page with "{{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 vo..."

← Older revision		Revision as of 15:36, 29 August 2023
Line 85:		Line 85:
	*'''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.		*'''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.}}		{{Note\|Type a number in the duration field. If you type ten (10), the animation will last for 10 seconds.}}

Maren.fritz: Created page with "'''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 :..."

2023-08-29T13:36:48Z

Created page with "*'''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 :..."

← Older revision		Revision as of 15:36, 29 August 2023
Line 79:		Line 79:
	<hr width="50%" style="margin:auto">		<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\|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.}}

Maren.fritz: Created page with "*'''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..."

2023-08-29T13:36:39Z

Created page with "*'''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..."

← Older revision		Revision as of 15:36, 29 August 2023
Line 74:		Line 74:
	<hr width="50%" style="margin:auto">		<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">		<hr width="50%" style="margin:auto">

Maren.fritz: Created page with "'''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électionn..."

2023-08-29T13:36:30Z

Created page with "*'''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électionn..."

← Older revision		Revision as of 15:36, 29 August 2023
Line 67:		Line 67:
	<hr width="50%" style="margin:auto">		<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">		<hr width="50%" style="margin:auto">

Maren.fritz: Created page with "*'''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..."

2023-08-29T13:36:14Z

Created page with "*'''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..."

← Older revision		Revision as of 15:36, 29 August 2023
Line 60:		Line 60:
	{{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.}}		{{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">		<hr width="50%" style="margin:auto">