Forum CMS Made Simple FR

Version complète : [Résolu] Formbuilder, nom de champ et carractere gras !?
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.

jpgabz

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.6.9
#~ Url du site :
#~ Hébergeur / Soft : free
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.6.9
#~ Installed Modules:
#~ * CMSMailer: 1.73.14
#~ * FileManager: 1.0.2
#~ * MenuManager: 1.6.2
#~ * ModuleManager: 1.3.2
#~ * nuSOAP: 1.0.1
#~ * Printing: 1.0.4
#~ * ThemeManager: 1.1.1
#~ * TinyMCE: 2.6.2
#~ * FormBuilder: 0.7
#~ * GoogleMaps: 0.1.8
#~ * FormBrowser: 0.4
#~ * CGExtensions: 1.19
#~ * CGExtensions: 1.19
#~ * FrontEndUsers: 1.10
#~ Config Information:
#~ * php_memory_limit:
#~ * process_whole_template: false
#~ * max_upload_size: 2000000
#~ * default_upload_permission: 664
#~ * assume_mod_rewrite: false
#~ * page_extension:
#~ * internal_pretty_urls: false
#~ * use_hierarchy: true
#~ Php Information:
#~ * phpversion: 5.1.3RC4-dev
#~ * md5_function: On (Vrai)
#~ * gd_version: 2
#~ * tempnam_function: On (Vrai)
#~ * magic_quotes_runtime: Off (Faux)
#~ * memory_limit: 32M
#~ * max_execution_time: 20
#~ * safe_mode: On (Vrai)
#~ * session_save_path: /mnt/154/sdb/6/e/gabriel.mantel/sessions (0700)
#~ * session_use_cookies: On (Vrai)
#~ Server Information:
#~ * Server Api: cgi-fcgi
#~ * Server Db Type: MySQL (mysql)
#~ * Server Db Version: 5.0.83
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Salut à tous !

Je viens de finir un formulaire (formbuilder) utilisé pour une étude de marché et je bloque sur un détail de finition avant de diffuser mon étude.
Cette étude est faite de divers questions et je souhaiterai que ces questions apparaissent en "gras" pour une meilleur lisibilité, je souhaite donc que les "noms de champ" de mon formulaire soit en caractères gras mais je n'y parvient pas, je n'arrive qu'à mettre tout le formulaire en gras (questions et réponses).
J'utilise la feuille de style "FormBuilder Default Style" de formbuilder :

Citation :/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
margin-bottom:0.5em;
margin-left:1em;
}
fieldset div div {
margin-top:0.5em;
margin-left:1em
}
fieldset {
margin-bottom:1em;
border:1px solid #666666;
padding:0.5em
}
fieldset label {
width:auto;
}
legend {
color:#000000;
background:#ccff77;
font-style:italic;
font-size:1.2em;
margin-bottom:0.5em;
padding:0.2em;
width:auto;
border:1px solid #666666
}
textarea {
margin: 0.5em 0;
width:auto;
height: 6em
}

/* Apply this class to text/select input fields with shorter labels
to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
margin:0.5em 0;
width:200px;
text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

/* Apply this class to text/select input fields with shorter labels
to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
margin:0.5em 0;
width:200px;
text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

.contactform input {border: 1px solid #666666;}
.contactform input.checkbox {border: none;}
.contactform label {
display: block;
float: left;
width: 150px;
}
.contactform label.label {
display: inline;
float: none;
width: 50px;
font-size: 10px;
}
.contactform textarea {
background-color: #ffffff;
border: 1px solid #666666;
}
.formbuilderform .message {
line-height: 16px;
padding: 0 0 8px 0;
}

pouvez vous me donner un petit coup de pouce ?
merci par avance Smile

guismo20

essaies d'ajouter cette ligne :
font-weight:bold;

dans "contactform label" avant } pour voir Wink
Et si tous les champs ne sont pas concernés, il suffit d'ajouter une classe dans les options des champs concernés : bold.
Et d'ajouter .contactform .bold label {font-weight:bold;} dans la feuille de style ainsi que Guismo te la proposé.

jpgabz

Merci pour vos réponses Smile
mais ça ne fonctionne pas Sad rien ne change dans mon formulaire quoi que je modifie ou ajoute à .contactform

d'ailleurs je ne pige pas en quoi .contactform est lié à mon formulaire et sur quoi il agit !?
désolé je découvre un peu le CSS :/
Lien de la page, on n'est pas devins !

jpgabz

Je ne souhaite pas poster l'adresse sur les forums car c'est une étude locale, je ne souhaite pas la polluer avec des réponses de la France entière, donc je te l'envoi par mail, merci de la garder pour toi stp Wink

merci pour ton aide.

guismo20

c'est qu'on finit par se poser des questions à force de voir que personne ne veut mettre son url Big Grin
un site c'est souvent fait pour se faire connaitre, à croire qu'il faudra bientôt renommer le cms , cms xx made simple :lol:
bonne soirée et désolé du hors sujet Big Grin Wink
perso je n'ai jamais été fan de quelqu'un qui demande de l'aide par email. Les forums sont faits pour ça.

ps : ce que t'as indiqué guismo en #2 devrait fonctionner, à moins que tu aies une autre déclaration de style quelque part.

guismo20

possible qu'il eu fallut tout simplement vider le cache du site et/ou du navigateur Wink

ps : moi aussi, ça m'énerve de devoir aider à l'aveuglette, là ça va car il y a des éléments concrets mais certains ne donnent aucuns éléments et veulent qu'on résolve des problèmes complexes et parfois successifs tout ça sans aucune connaissance du code en place, on doit être pris pour des houdini de cms ms Rolleyes Tongue
Oui, d'autant que le site n'est pas en maintenance et ne contient pas de noindex :lol:

Bon, formbuilderform est la classe utilisée pour le formulaire de l'étude de marché et
contactform est la classe utilisée pour le formulaire de la page contact.

3 minutes de réflexion et tu sauras quoi faire.
Jean le Chauve a écrit :Oui, d'autant que le site n'est pas en maintenance et ne contient pas de noindex :lol:

Bon, formbuilderform est la classe utilisée pour le formulaire de l'étude de marché et
contactform est la classe utilisée pour le formulaire de la page contact.

3 minutes de réflexion et tu sauras quoi faire.
:lol:

jpgabz

Désolé de vous décevoir mais non ce n'est pas un cmsxxx ... :lol: juste une petite étude de marché pour mon projet d'ouvrir une boutique de modélisme dans ma ville, rien de plus Smile

C'est pour cela que je ne souhaite pas la communiquer, comme je le dis plus haut, pour éviter que des gens de toutes la France y réponde pour rien. Je comprends cependant qu'il ne soit pas agréable de conseiller sans avoir la page en question mais comprenez aussi que dans ce cas particulier ça va me pourrir mon étude.

Ceci dit, lorsque la boutique sera sur le point d'ouvrir et que je ferai le site de celle-ci avec cmsms je vous promets de vous donner son adresse Cool pour que vous puissiez me conseiller Smile

Citation :Oui, d'autant que le site n'est pas en maintenance et ne contient pas de noindex lol
encore désolé , je découvre ça aussi :/ merci pour ce conseil je viens de rajouter noindex nofollow. Je ne mets pas en maintenance car les copains testent le formulaire pour moi avant de balancer l'adresse au public.

pour mon problème j'ai rajouté à la feuille de style ceci :
Citation :.formbuilderform .bold{
font-weight:bold;
}

et une classe bold dans un champ avec des boutons radio, résultat ça fonctionne mais tout est en gras, la question et les réponses des cases à cocher.
[Image: etude.th.jpg]

Le but est de mettre en gras uniquement la question pour que ce soit plus lisible

merci pour votre aide et votre compréhension.
Merci de lire attentivement nos messages, tu auras la réponse.

jpgabz

Bon, j'ai lu et relu, je ne vois pas Sad quoi que je face ça s'applique à tout le champ, j'ai testé en rajoutant label ,idem (cache vidé à chaque test)
.formbuilderform .bold label{
font-weight:bold;
}
.formbuilderform .bold div label{
font-weight:normal;
}

jpgabz

Génial ! ça fonctionne Big Grin
j'avais bien compris qu'il fallait dissocier le nom du champs du reste mais je ne voyais pas comment, avec ça et le code source de la page je pige mon erreur Smile

Merci beaucoup Jean le Chauve et tous les autres Wink!

J'ai aussi espacé les champs les uns des autres ce coup ci c'est nickel Smile

[Image: etudeb.jpg]
Semble résolu, donc je ferme Wink