Visform: intégration de css au formulaire généré

[yoyo91]

Bonsoir

J'utilise visform pour générer des formulaires et cela marche très bien (Merci pour ce composant! )
Cependant je le trouve très simpliste.
Du coup je me suis mise au css et j'ai confectionnée un fichier au moins pour mettre quelques couleurs ça et là...

Mon problème maintenant est de savoir comment je m'y prend pour intégrer mon css au formulaire?

dans la configuration du formulaire il y a un champ css mais les différentes approches que j'ai adoptée pour indiquer le fichier css ne semblent pas fonctionner.

Merci d'avance de votre aide
@ très bientôt

[Visiteur]

Re : Visform: intégration de css au formulaire généré

Slt

Je me suis mis depuis peu a Visforms. Pour ton css tu doit ecrire ou modifier directement dans le css qui s'ouvre quant tu clique sur Edit css.

[scubaland]

Re : Visform: intégration de css au formulaire généré

Bonjour à tous,

J'ai un problème similaire avec visforms : je parviens à appliquer un style CSS sur tous les champs (texte area, liste déroulante, boutons), SAUF les champs de type texte. Impossible de modifier la couleur de fond qui reste désespéremment blanche...

Auriez-vous une idée ?

[PhilJ]

Re : Visform: intégration de css au formulaire généré

Bonjour,

J'ai un problème similaire avec visforms : je parviens à appliquer un style CSS sur tous les champs (texte area, liste déroulante, boutons), SAUF les champs de type texte. Impossible de modifier la couleur de fond qui reste désespéremment blanche...

Auriez-vous une idée ?

...Ceci a de bonnes chances de réussir :
—

input[type="text"] {

background: blue; /* fond */
color: #fff; /* police */

}

pour une écriture blanche sur fond bleu.



Cordialement,



PhilJ

[PhilJ]

Re : Visform: intégration de css au formulaire généré

Bonjour,

Mon problème maintenant est de savoir comment je m'y prend pour intégrer mon css au formulaire ?

...La question est trop vague.

Que cherchez-vous à modifier au juste ?

Labels (=> de quelle façon ?) ? Champs (=> de quel type et de quelle façon ?) ? ...


NB : vous n'avez peut-être pas besoin de définir des classes (et encore moins une classe différente pour chaque couple label / champ).



Cordialement,



PhilJ

[scubaland]

Re : Visform: intégration de css au formulaire généré

Bonsoir,

Merci PhilJ. Mais mes champs restent toujours blancs. Je sèche... :-(

[PhilJ]

Re : Visform: intégration de css au formulaire généré

Bonsoir,

Merci PhilJ. Mais mes champs restent toujours blancs. Je sèche... :-(

...Peut-on avoir un lien vers le formulaire ?

[scubaland]

Re : Visform: intégration de css au formulaire généré

Bonsoir,




...Peut-on avoir un lien vers le formulaire ?

Il se trouve hélas à l'intérieur d'un portail d'entreprise. Est-ce que je peux te copier/coller le code source de la page ?

[PhilJ]

Re : Visform: intégration de css au formulaire généré

Bonjour Scubaland,

Il se trouve hélas à l'intérieur d'un portail d'entreprise. Est-ce que je peux te copier/coller le code source de la page ?

...Hélas je ne crois pas que ce soit d'une réelle utilité car le code source de la page ne montrera pas les définitions CSS des couleurs (de police et de fond) configurées par défaut :-\

[scubaland]

Re : Visform: intégration de css au formulaire généré

Merci car tu m'as mis sur la voie : le CSS de Visforms était en fait écrasé par le CSS du template.
Je suis donc arrivé à ce que je voulais en modifiant le CSS du template.

Ce que je ne comprends pas, c'est que les classes label ou field que l'on peut préciser pour chaque champ ne sont pas prises en compte et systématiquement écrasées par les classes du template. Ce fait est systématique et normal ?

[PhilJ]

Re : Visform: intégration de css au formulaire généré

[...] Ce que je ne comprends pas, c'est que les classes label ou field que l'on peut préciser pour chaque champ ne sont pas prises en compte et systématiquement écrasées par les classes du template. Ce fait est systématique et normal ?

...C'est pourquoi je demandais un lien vers le formulaire : en effet, input[type="text"] (ou équivalent) peut être déjà défini dans l'une des classes CSS du template. Mais il n'est pas possible de le savoir sans pouvoir examiner le site.

Concrètement, l'idéal est de NE PAS modifier le CSS du template mais de le surcharger (override avec une feuille de style supplémentaire), cela afin d'éviter les (mauvaises) surprises en cas de mise à jour du template. Quitte à cibler input[type="text"] de façon univoque.


PS : la pièce jointe n'est pas lisible (il faut passer en mode 'AVANCÉ' pour qu'elle passe).



Cordialement,




PhilJ