Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Créer un thème personnalisé : besoin de conseils

  • Nickko
  • Nickko's Avatar Topic Author
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 3 months ago #192312 by Nickko
Bonjour à tous,

Je souhaite créer un thème Limesurvey qui s'inspire de ce site www.medispring.be/

Quel thème me conseillez-vous d'utiliser comme base ?

Merci d'avance

Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 3 months ago #192326 by DenisChenu
Ca va être long ;)

Pas du bootsrap ça :).

Perso : je créerais un fichier de variables less pour bootsrap : que j'appliquerais à gitlab.com/SondagesPro/SurveyThemes/less-skelvanilla

Je générerais le boostrap par défaut , puis je créé un fork de gitlab.com/SondagesPro/SurveyThemes/skelvanilla avec seulement ce théme.

… … …

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
  • Nickko
  • Nickko's Avatar Topic Author
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 3 months ago #192354 by Nickko
Merci Denis pour très précieux conseils.

J'imaginais plutôt customiser un thème via l'éditeur de LS ou directement avec un éditeur de texte et tripatouiller un peu le CSS (parce que ça je sais bien le faire).

LESS, ça ne me parle que vaguement, je connais un peu le principe.
Je pense être à même de modifier un fichier existant pour y mettre les bonnes variables.

Je me dis que si j'arrive déjà à placer le logo et utiliser les deux couleurs dominante du site, ce sera plus que suffisant pour "être semblable".

Là où j'ai plus de mal c'est lorsque tu dis "Je générerais le boostrap par défaut , puis je créé un fork de gitlab.com/SondagesPro/SurveyThemes/skelvanilla avec seulement ce théme."

Créer un fork dans github, ça va mais je ne sais pas comment faire avec seulement une partie du repository.

Tu pourrais m'en dire plus s'il te plait ?

Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 3 months ago #192504 by DenisChenu
Salut,

Créer un fork : c'est au final faire une copie et l'adapter :).

En fait : tu peux travailler sur le css, mais comme actuellement : tout est géré via boostrap : c'est plus rapide de le faire totalement grâce à boostrap.

C'est d'un coté un perte, d'un autre coté un avantage …

Donc:
1. Apprendre un peu plus comment gérer less : lesscss.org/
2. Copier les fichiers du répertoire ./skelvanilla-default sur ./ (il faut que je simplifie cela …)
3. Créer son propre fichier de variable : exemples : gitlab.com/SondagesPro/SurveyThemes/less...ruity-sea_green.less ou gitlab.com/SondagesPro/SurveyThemes/less...ables/bootstrap.less comme base.
4. Le mettre sur ./variables.less
5. Générer le bootsrap.css par «lessc theme-button_awesome.less bootstrap.css» (ici avec les boutons awesome).
6. Prendre ce fichier pour remplacer celui de skelvanilla
7. Supprimer les variations de SkelVanilla (ou les laisser …) gitlab.com/SondagesPro/SurveyThemes/skel...aster/config.xml#L82

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
  • Nickko
  • Nickko's Avatar Topic Author
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 3 months ago #192715 by Nickko
J'ai une bonne nouvelle (pour moi) notre application, utilise bootstrap, j'ai la feuille de style, j'ai naïvement cru pouvoir appliquer ce style en dupliquant le thème vanilla et en copiant l'intégralité de la feuille de style dans "custom.css" mais il n'en est rien.

Connaissez-vous la marche à suivre ?

Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 3 months ago #192717 by DenisChenu
Si votre application utilise boostrap : tu as sans doute un fichier variables.less ;)

Mais sinon, tente en remplaceant le fichier boostrap.css de SkelVanilla directement.

Puis il faudra ajouter quelques lignes correctives pour être proche de la perfection …

La partie sur gitlab.com/SondagesPro/SurveyThemes/less...lvanilla/slider.less
Voire si tu veux du gitlab.com/SondagesPro/SurveyThemes/less...lla/nomoretable.less
etc …

ici : en fait les @line-height-base sont des paramètres de boostrap

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 3 months ago #192718 by DenisChenu
Sinon, prend le bootswatch
Met ton fichier bootstrap dans github.com/LimeSurvey/LimeSurvey/tree/3....watch/css/variations


Ajoute le ici : github.com/LimeSurvey/LimeSurvey/blob/a8...ons/options.twig#L32 (sur la copie : tu peux copier ce fichier)


Et passe le par défaut ici : github.com/LimeSurvey/LimeSurvey/blob/a8...watch/config.xml#L75

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
  • Nickko
  • Nickko's Avatar Topic Author
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 3 months ago #192719 by Nickko
Je n'ai pas accès au code source de l'application, juste le CSS généré.
Où doit être le fichier bootstrap.css ? Je ne le vois pas dans l'éditeur.

Je dois passer par le FTP ?

Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
  • Nickko
  • Nickko's Avatar Topic Author
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 3 months ago #192721 by Nickko
Je suis sorti du bureau, je regarde ça demain, encore merci pour ton aide.

Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 3 months ago - 4 years 3 months ago #192722 by DenisChenu

Nickko wrote: Je dois passer par le FTP ?

Soit par FTP,

Soit en faisant un zip … mais par FTP : ce sera plus facile.

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Last edit: 4 years 3 months ago by DenisChenu.
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 3 months ago #192723 by DenisChenu

Nickko wrote: Où doit être le fichier bootstrap.css ? Je ne le vois pas dans l'éditeur.

Il est accessible dans skelvanilla.
Tu peux tenter de le modifier en t'inspirant du tien.


Pas dans boostwatch (ou c'est dans les variations)

Je n'ai pas accès au code source de l'application, juste le CSS généré.

Oui, mais un développeur l'a fait et pourait TRES facilement le faire pour skelvanilla …
getbootstrap.com/docs/3.3/getting-started/#grunt

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
  • Nickko
  • Nickko's Avatar Topic Author
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 3 months ago #192742 by Nickko
On a plus de dev, toute l'équipe se barre (CEO, CTO, PO), je vais me faire dégager sous peu...

C'est un peu compliqué mais je tiens à faire cette étude avant mon départ et à la faire bien.

Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
Moderators: Nickko

Lime-years ahead

Online-surveys for every purse and purpose