Main menu

Forum


  1. iCagenda
  3. iCagenda - English
  5. Custom fields in registration form: ordering and choosing size free text field
× Help Forum English

Custom fields in registration form: ordering and choosing size free text field

  • francoise.derwael@gmail.com
  • Auteur du sujet
  • Nouveau membre
  • Nouveau membre
Plus d'informations
il y a 8 ans 8 mois #12251 par francoise.derwael@gmail.com
Custom fields in registration form: ordering and choosing size free text field a été créé par francoise.derwael@gmail.com
Hello,
I found your comments very useful, but I still have a problem concerning the size of the fields.

I found how to change it for the existing fields like your example with the name (#reg_name input { width: 250px }.

But I added new fields in the registration form, but when I proceed to enlarge one of them with the ID attributed to this field, it does not change the size of this field. Why? Do you have any idea?

Thank you very much for your help. Best regards,
Françoise

Connexion ou Créer un compte pour participer à la conversation.

  • Lyr!C
  • Portrait de Lyr!C
  • Administrateur
  • Administrateur
  • Lead Developer
Plus d'informations
il y a 8 ans 8 mois #12255 par Lyr!C
Réponse de Lyr!C sur le sujet Custom fields in registration form: ordering and choosing size free text field
Hello,

I have moved your message to a new topic, as each display issue due to site template CSS could be different for everyone ;-)

So, a link to you online site would be needed to be able to check your issue!

Regards,
Cyril
Latest version : iCagenda 3.9.8
We recommend every user to keep iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

Fichier attaché :

Connexion ou Créer un compte pour participer à la conversation.

  • francoise.derwael@gmail.com
  • Auteur du sujet
  • Nouveau membre
  • Nouveau membre
Plus d'informations
il y a 8 ans 8 mois #12261 par francoise.derwael@gmail.com
Réponse de francoise.derwael@gmail.com sur le sujet Custom fields in registration form: ordering and choosing size free text field
Thank you for your message. The link for registration is the following (it is not supposed to be a public event): www.sab2i.com/en/festivale/3-festivale/registration.

You will see, for instance, that the field "Nom Société/Company Name *' is too tight.

Thank you very much for your suggestion.
Regards,
Françoise

Connexion ou Créer un compte pour participer à la conversation.

  • Lyr!C
  • Portrait de Lyr!C
  • Administrateur
  • Administrateur
  • Lead Developer
Plus d'informations
il y a 8 ans 8 mois #12263 par Lyr!C
Réponse de Lyr!C sur le sujet Custom fields in registration form: ordering and choosing size free text field
It's ok!

So, don't know if you mean field input or field label...

For label, you can add this in the custom CSS option (global options of iCagenda > General Settings) :
.icagenda_form label {
    width: 280px;
}

For input width, you can add this:
.icagenda_form .input-large {
    width: 280px;
}
Or if only for company (société) input, using the ID of the field (this is shown in code source generated on your browser (right click, inspect element) :
#nom_societe_slug {
    width: 320px;
}

Note that in 3.6.0, the registration form will be full refactory, using the same structure as Joomla use for member registration form ;-)

Hope this helps ?

Best Regards,
Cyril
Latest version : iCagenda 3.9.8
We recommend every user to keep iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

Fichier attaché :

Connexion ou Créer un compte pour participer à la conversation.

  • francoise.derwael@gmail.com
  • Auteur du sujet
  • Nouveau membre
  • Nouveau membre
Plus d'informations
il y a 8 ans 8 mois #12265 par francoise.derwael@gmail.com
Réponse de francoise.derwael@gmail.com sur le sujet Custom fields in registration form: ordering and choosing size free text field
Hello,
My question was well about the size of the field label. I followed your instructions for field label: it worked. Great!

If I may, can I ask you how to change the size of one field label (and not all in the same time)?

Thank you very much.
Have a good day!
Françoise

Connexion ou Créer un compte pour participer à la conversation.

  • Lyr!C
  • Portrait de Lyr!C
  • Administrateur
  • Administrateur
  • Lead Developer
Plus d'informations
il y a 8 ans 8 mois #12268 par Lyr!C
Réponse de Lyr!C sur le sujet Custom fields in registration form: ordering and choosing size free text field
Super!

So, for one field, you have to search for the unique id set for this field first.

This why using an element inspector help a lot.
You have one integrated in Firefox (right click on the page, and select inspect element)
And you have one included too in Chrome.
The 2 ones are good tools to check elements of a HTML page, and will help you to view the code generated (and so find the attributes for each element: id="", class="", etc...).

Hope this helps ?

Regards,
Cyril
Latest version : iCagenda 3.9.8
We recommend every user to keep iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

Fichier attaché :

Connexion ou Créer un compte pour participer à la conversation.

  • francoise.derwael@gmail.com
  • Auteur du sujet
  • Nouveau membre
  • Nouveau membre
Plus d'informations
il y a 8 ans 8 mois #12270 par francoise.derwael@gmail.com
Réponse de francoise.derwael@gmail.com sur le sujet Custom fields in registration form: ordering and choosing size free text field
I understand and I know how to find the id. But I do not know what to put before the id!

For instance: "id="je-serai-present-3_message":
- if I want to enlarge the field input, I will use this formula: #je-serai-present-3_message_slug { width: 320px; }
- if I want to enlarge the field label, what fomula do I have to use?

Thank you for your patience!
Françoise

Connexion ou Créer un compte pour participer à la conversation.

  • Lyr!C
  • Portrait de Lyr!C
  • Administrateur
  • Administrateur
  • Lead Developer
Plus d'informations
il y a 8 ans 8 mois #12271 par Lyr!C
Réponse de Lyr!C sur le sujet Custom fields in registration form: ordering and choosing size free text field
For label, try this:
#je-serai-present-3_alias label { /* css */ }

Not tested, but may work... ;-)
Latest version : iCagenda 3.9.8
We recommend every user to keep iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

Fichier attaché :

Connexion ou Créer un compte pour participer à la conversation.

  • francoise.derwael@gmail.com
  • Auteur du sujet
  • Nouveau membre
  • Nouveau membre
Plus d'informations
il y a 8 ans 8 mois #12275 par francoise.derwael@gmail.com
Réponse de francoise.derwael@gmail.com sur le sujet Custom fields in registration form: ordering and choosing size free text field
Hello,
Wonderful! It works. I really thank you for your entire commitment.
I wish you full success with the version 3.6.0.
Thanks again,
Françoise
Les utilisateur(s) suivant ont remercié: Lyr!C

Connexion ou Créer un compte pour participer à la conversation.

  • Lyr!C
  • Portrait de Lyr!C
  • Administrateur
  • Administrateur
  • Lead Developer
Plus d'informations
il y a 8 ans 8 mois #12287 par Lyr!C
Réponse de Lyr!C sur le sujet Custom fields in registration form: ordering and choosing size free text field
Thank you! ;-)
Latest version : iCagenda 3.9.8
We recommend every user to keep iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

Fichier attaché :

Connexion ou Créer un compte pour participer à la conversation.

Modérateurs: Lyr!C
  1. iCagenda
  3. iCagenda - English
  5. Custom fields in registration form: ordering and choosing size free text field
Temps de génération de la page : 0.214 secondes

 

Legal

Follow Us

Créez vos templates Joomla avec Template Creator CK

acymailing logo new

Simplify Your Web