× Help Forum English

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

Start
Prev
1
Next
End

francoise.derwael@gmail.com
Topic Author
New Member

10 years 5 months ago #12251 by francoise.derwael@gmail.com

Custom fields in registration form: ordering and choosing size free text field was created by 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

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

10 years 5 months ago #12255 by Lyr!C

Replied by Lyr!C on 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 4.0.16
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) .

Please Log in or Create an account to join the conversation.

francoise.derwael@gmail.com
Topic Author
New Member

10 years 5 months ago #12261 by francoise.derwael@gmail.com

Replied by francoise.derwael@gmail.com on 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

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

10 years 5 months ago #12263 by Lyr!C

Replied by Lyr!C on 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

Please Log in or Create an account to join the conversation.

francoise.derwael@gmail.com
Topic Author
New Member

10 years 5 months ago #12265 by francoise.derwael@gmail.com

Replied by francoise.derwael@gmail.com on 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

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

10 years 5 months ago #12268 by Lyr!C

Replied by Lyr!C on 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

Please Log in or Create an account to join the conversation.

francoise.derwael@gmail.com
Topic Author
New Member

10 years 5 months ago #12270 by francoise.derwael@gmail.com

Replied by francoise.derwael@gmail.com on 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

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

10 years 5 months ago #12271 by Lyr!C

Replied by Lyr!C on 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... ;-)

Please Log in or Create an account to join the conversation.

francoise.derwael@gmail.com
Topic Author
New Member

10 years 5 months ago #12275 by francoise.derwael@gmail.com

Replied by francoise.derwael@gmail.com on 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

The following user(s) said Thank You: Lyr!C

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

10 years 5 months ago #12287 by Lyr!C

Replied by Lyr!C on topic Custom fields in registration form: ordering and choosing size free text field

Thank you! ;-)

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End

Moderators: Lyr!C

Time to create page: 0.077 seconds

Forum

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

Legal

Follow Us