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
  • Autore della discussione
  • New Member
  • New Member
Di più
8 Anni 8 Mesi fa #12251 da francoise.derwael@gmail.com
Custom fields in registration form: ordering and choosing size free text field è stato creato da 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

Si prega Accedi o Crea un account a partecipare alla conversazione.

  • Lyr!C
  • Avatar di Lyr!C
  • Administrator
  • Administrator
  • Lead Developer
Di più
8 Anni 8 Mesi fa #12255 da Lyr!C
Risposta da Lyr!C al topic 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) .

File allegato:

Si prega Accedi o Crea un account a partecipare alla conversazione.

  • francoise.derwael@gmail.com
  • Autore della discussione
  • New Member
  • New Member
Di più
8 Anni 8 Mesi fa #12261 da francoise.derwael@gmail.com
Risposta da francoise.derwael@gmail.com al topic 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

Si prega Accedi o Crea un account a partecipare alla conversazione.

  • Lyr!C
  • Avatar di Lyr!C
  • Administrator
  • Administrator
  • Lead Developer
Di più
8 Anni 8 Mesi fa #12263 da Lyr!C
Risposta da Lyr!C al topic 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) .

File allegato:

Si prega Accedi o Crea un account a partecipare alla conversazione.

  • francoise.derwael@gmail.com
  • Autore della discussione
  • New Member
  • New Member
Di più
8 Anni 8 Mesi fa #12265 da francoise.derwael@gmail.com
Risposta da francoise.derwael@gmail.com al topic 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

Si prega Accedi o Crea un account a partecipare alla conversazione.

  • Lyr!C
  • Avatar di Lyr!C
  • Administrator
  • Administrator
  • Lead Developer
Di più
8 Anni 8 Mesi fa #12268 da Lyr!C
Risposta da Lyr!C al topic 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) .

File allegato:

Si prega Accedi o Crea un account a partecipare alla conversazione.

  • francoise.derwael@gmail.com
  • Autore della discussione
  • New Member
  • New Member
Di più
8 Anni 8 Mesi fa #12270 da francoise.derwael@gmail.com
Risposta da francoise.derwael@gmail.com al topic 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

Si prega Accedi o Crea un account a partecipare alla conversazione.

  • Lyr!C
  • Avatar di Lyr!C
  • Administrator
  • Administrator
  • Lead Developer
Di più
8 Anni 8 Mesi fa #12271 da Lyr!C
Risposta da Lyr!C al topic 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) .

File allegato:

Si prega Accedi o Crea un account a partecipare alla conversazione.

  • francoise.derwael@gmail.com
  • Autore della discussione
  • New Member
  • New Member
Di più
8 Anni 8 Mesi fa #12275 da francoise.derwael@gmail.com
Risposta da francoise.derwael@gmail.com al topic 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
Ringraziano per il messaggio: Lyr!C

Si prega Accedi o Crea un account a partecipare alla conversazione.

  • Lyr!C
  • Avatar di Lyr!C
  • Administrator
  • Administrator
  • Lead Developer
Di più
8 Anni 8 Mesi fa #12287 da Lyr!C
Risposta da Lyr!C al topic 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) .

File allegato:

Si prega Accedi o Crea un account a partecipare alla conversazione.

Moderatori: Lyr!C
  1. iCagenda
  3. iCagenda - English
  5. Custom fields in registration form: ordering and choosing size free text field
Tempo creazione pagina: 0.205 secondi

 

Legal

Follow Us

Create your Joomla templates with Template Creator CK

acymailing logo new

Simplify Your Web