[Problème] Rsform, plusieurs champ sur la même ligne

[mikagrand]

Bonjour à tous,

J'ai changé de gestionnaire de formulaire et donc j'utilise rsform maintenant, et je veux mettre plusieurs champs sur la même ligne voici le code d'exemple donner par rsform:


<h2>{global:formtitle}</h2>
{error}
<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->
<fieldset class="formHorizontal formContainer" id="rsform_6_page_0">
<div class="rsform-block rsform-block-prenom">
<div class="formControlLabel">{Prenom:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{Prenom:body}<span class="formValidation">{Prenom:validation}</span></div>
<p class="formDescription">{Prenom:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-nom">
<div class="formControlLabel">{Nom:caption}</div>
<div class="formControls">
<div class="formBody">{Nom:body}<span class="formValidation">{Nom:validation}</span></div>
<p class="formDescription">{Nom:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-radio">
<div class="formControlLabel">{Radio:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{Radio:body}<span class="formValidation">{Radio:validation}</span></div>
<p class="formDescription">{Radio:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-envoyez">
<div class="formControlLabel">{Envoyez:caption}</div>
<div class="formControls">
<div class="formBody">{Envoyez:body}<span class="formValidation">{Envoyez:validation}</span></div>
<p class="formDescription">{Envoyez:description}</p>
</div>
</div>
</fieldset>


et ce code présente les champs du formulaire sur une ligne chacun, alors, comment le modifier de sorte à ce que les trois premier champs soit sur la même ligne, et le dernier sur une autre ligne.

Merci

[TristanB]

Re : Rsform, plusieurs champ sur la même ligne

Bonjour,

tu peux faire ce que tu veux avec de simple règle CSS ( float:left; )

[mikagrand]

Re : Rsform, plusieurs champ sur la même ligne

Désolé, en fait je voulais plutot dire "mettre les juste trois premier sur la même ligne.

[webcrea]

Re : Rsform, plusieurs champ sur la même ligne

tu peux essayer ça...

.rsform-block-prenom .rsform-block-nom{ float:left; width:33%;}

.rsform-block-radio{width:33%}

[mikagrand]

Re : Rsform, plusieurs champ sur la même ligne

Dans le module rsform on me dit de ne pas oublier dans mes déclarations CSS les tag "<style>" .
Si vous pouviez faire en les incluant ce serais bien

[webcrea]

Re : Rsform, plusieurs champ sur la même ligne

et pour le ménage je passe à quelle heure ?

<style type="text/css">.rsform-block-prenom .rsform-block-nom{ float:left; width:33%;}

.rsform-block-radio{width:33%}

</style>

[mikagrand]

Re : Rsform, plusieurs champ sur la même ligne

Lol désolé,
ah sa marche toujours pas les boutons radios sont un déformé et les champs NOM PRENOM sont toujours sur différente ligne

[webcrea]

Re : Rsform, plusieurs champ sur la même ligne

essaye 30% et display:inline-block
c'est diffcile sans voir le site, tu as peut-être des marges, des padding...etc

[mikagrand]

Re : Rsform, plusieurs champ sur la même ligne

Ok, jais pu trouver il fallait plutôt mettre sa

<style type="text/css">
.rsform-block-prenom {
float: left;
width: 265px;
}
</style>

maintenant la partie {Prenom:caption} qui affiche le titre du champ, alors dans l'exemple il est à gauche et j'aimerais savoir si il est possible de placé en haut juste au dessus du champ.

Merci.

[webcrea]

Re : Rsform, plusieurs champ sur la même ligne

class="formControlLabel" est le libellé "Prénom"

class="formBody" est la balise générée par rsForm

donc appliques à ces 2 div la même recette que pour les div englobante

[mikagrand]

Re : Rsform, plusieurs champ sur la même ligne

Bonjour, je pense que cette fois je vais m'excuser avant, donc "je m'excuse encore de pour la demande ".

Et donc un petit exemple s'il vous plaie.

Merci.

[webcrea]

Re : Rsform, plusieurs champ sur la même ligne

<style type="text/css">
.formControlLabel {
float: left;
width: 265px;
}
</style>

[mikagrand]

Re : Rsform, plusieurs champ sur la même ligne

jais déjà essayé sa et sa ne fonctionne pas, je ne sais pas mais j'essai le html mais je n'y arrive pas

[webcrea]

Re : Rsform, plusieurs champ sur la même ligne

float : right; display:inline-block; sur la deuxième div...?

[mikagrand]

Re : Rsform, plusieurs champ sur la même ligne

Bon sa marche pas mais jais pu régler le problème dans le html et avec position:relative et absolue

En tout cas merci beaucoup vous m'avez vraiment aider en me mettant sur la voie du css

Merci