Field customization

Hi @andycucca

I hope you are doing good today.

When it comes to capital letters in “codice fiscale” text field, do you want only visual effects which can be done via CSS, or force users to use CAPS LOCK and get only capital letters in your email notification?

As for “Payment type” radio buttons, could you elaborate this part a little bit more?

Kind Regards,
Kris

Hi Andy,

would like the “codice fiscale” field to be forced as capital letters

You can do this by CSS, using the following property:

text-transform: uppercase;

Second one sounds like it’s possible but I’ve no idea what you’re asking for exactly.

Hope this helps.

Good evening,

sorry, I try to clarify the problem better. I would like to be able to modify the stadard dimensions of the field (radio botton Type of payment) in order to reduce its width compared to the other fields in the same row. To avoid that the width of the fields is simply proportional to the number of fields in the row, for example 3 fields in a row = width of the fields equal to one third of the row.
Using bootstrap you could do something like:
<div class=”row”>
<div class=”col-lg-6 col-md-6″>
…………………
</div>
<div class=”col-lg-4 col-md-4″>
…………………
</div>
<div class=”col-lg-2 col-md-2″>
“radio botton Type of payment”
</div>
</div>

Is it possible with forminator?!
Thanks for your help`
Andrea

Hi @andycucca,

I am sorry, still not sure what you are exactly looking forward to. What I can see now is the mentioned field is placed in the third column of a row divided into three equal columns: https://ibb.co/DfkG4xC

Can you please try to explain this with the help of a screenshot so that we can better understand the same?

Kind Regards,
Nebu John

Well,
with reference to the photo posted on https://ibb.co/DfkG4xC
the goal is simply to make the 3rd column “payment type” smaller than the other two.
is it clear now?
Kind regards

Hello there @andycucca

Could you please add the following rule in edit form > Appearance > Custom CSS:

div#email-1, div#phone-1 {
    flex: 1 0 25%;
}

Let us know how that goes! ??

Take care,
Dimitris

Hello,

the result is perfect!! I will apply the same concept in the other situations. ??
Thank you so much