Bonjour,

Nous avons installé LS sur un serveur externe, et réussi à personnaliser la présentation des questionnaires grâce au fichier custom.css du thème.

Mais comment doit-on s'y prendre pour personnaliser la page qui liste les questionnaires (https://adresseduserveur/limesurvey) et l'adapter à nos couleurs ?

Merci par avance !

Il faut modifier le modèle par défaut. C'est ce modèle qui est utilisé sur la page d'accueil (et sur les pages d'erreur).

Ok merci, et où peut-on modifier ce modèle par défaut ?

Dans les options générales : www.limesurvey.org/manual/Global_settings#General

Dans les options générales on peut changer le thème par défaut et le thème de l'administration, et donc modifier la couleur mais pas changer le logo.

Et lorsque je modifie le custom.css du thème choisi avec :
.logo.img-responsive
{
max-height: 120px;
content: url("emplacement-de-mon-image.png");
}

...le logo ne change pas dans la page d'accueil des questionnaires...

Bin non, puisque c'est une image qui est ajoutée ici : github.com/LimeSurvey/LimeSurvey/blob/ma...der/nav_bar.twig#L34

Le css en ligne est prioritaire par rapport au css en fichier.

MPodifie le sur ce fichier, pas en sur les fichier css.

Je ne comprends pas ce que je dois modifier...

Lorsque l'on affiche le code source de la page d'accueil il est indiqué que le logo est codé comme suit :

class="logo img-responsive" src="/limesurvey/tmp/assets/7be8949a/logo.png"

et donc pointe sur un répertoire spécifique de notre installation Limesurvey.


Or dans le fichier que vous m'indiquez il n'est fait référence à aucun fichier de logo...
Je ne comprends pas ce qu'est le "CSS en ligne", sa fonction, et comment le modifier ?

Désolé je suis un peu perdu !

C'est le fichier que tu as sélectionné en logo dans les options du theme.

Mais tu peux le modifier par ton image en «dur»

Si tu va dans l'éditeur de theme tu as un lien « Conseil : comment intégrer une image dans votre thème ? » qui t'indique comment faire.

OK, merci ça y'est j'ai compris !!

Donc pour récapituler si ça peut en aider d'autre :
Il faut se placer dans l'éditeur de thème, charger l'image de son choix et modifier le fichier nav_bar.twig à la ligne 34 et remplacer :
{{ image(aSurveyInfo.options.brandlogofile, aSurveyInfo.name, {"class": "logo img-responsive"}) }}
par
{{ image('./upload/themes/survey/nom_du_theme/files/mon_image.png', 'nom_de_mon_image', {"class": "logo img-responsive"}) }}

Merci pour ton aide !

Nous avons cependant beaucoup de mal à comprendre l'architecture de LS, et notamment :
- comment les modifications des fichiers d'un thème en particulier peut affecter la présentation générale d'une page comme /limesurvey/index.php, alors que le choix du thème se fait dans les options de questionnaire
- quelles fonctions et comment sont gérés les très nombreux dossiers "assets"

Si j'amais tu pouvez-nous éclairer à ce sujet...je ne voudrais pas ouvrir un sujet spécifique à des incompréhensions plutôt d'ordre "générales"...

Ah en fait j'ai moyennement compris...car si la manip me permet bien de changer le logo de la page d'accueil, elle n'autorise plus les changements de logo dans les options du questionnaire (le thème est une copie de Fruity), ce qui nous pose problème pour personnaliser les questionnaires...

Choisi ton image comme option par défaut : ce sera l'image utilisée dans la liste.

C'est assez simple le principe de ce coté.
1. Les thème ont des options par défaut (gérable via la gestion des themes)
2. Un thème peut être celui par défaut
3. Ce thème sera celui utilisé sur la page d'accueil avec les options par défaut.

Ok merci pour ces explication je crois que j'ai capté. Du coup j'avais pas forcément besoin de modifier le TWIG si je comprends bien...Enfin bref ça a l'air de fonctionner !

piverte wrote: Ok merci pour ces explication je crois que j'ai capté. Du coup j'avais pas forcément besoin de modifier le TWIG si je comprends bien...

Oui, désolé … comme tu étaiot parti sur la modification du twig, j'ai zappé la solution la plus simple …

Pas de soucis, ça m'a permis de découvrir les "twig" !
Merci encore !