Input Size

How can we adjust the input size of a custom field? 

In EB, there is Input Size on Custom Fields so I can adjust it to become smaller or bigger input field. 

How can I do this in PMF?

Regards,

Lito

Hi Lito

Try to edit custom field. There is a setting called css class. Try to enter one of the following classes:

input-small
input-medium
input-large
input-xlarge
input-xxlarge

That would change the size of the input to meet your need

Regards,

Tuan

Thanks, Tuan,

Tried it, but didn't work.

Appreciate your help.

Regards.

That's strange. You can submit a support ticket so that I can check the issue directly on your site

Regards,

Tuan

Just sharing what was done for reference for others (unless this will be added in the next update )

Tuan added Custom CSS on PMF Configuration:
=====================
.pf-container .input-small {
  width: 90px !important;
}
.pf-container .input-medium {
  width: 150px !important;
}
.pf-container .input-large {
  width: 210px !important;
}
.pf-container .input-xlarge {
  width: 270px !important;
}
.pf-container .input-xxlarge {
  width: 530px !important;
}
===========================

For each custom field, it can now accept CSS Class
input-small
input-medium
input-large
input-xlarge
input-xxlarge

Thanks to Tuan's usual fast support.

 

You're welcome. And you can also use bootstrap sizing utility classes such as w-25, w-50, w-75, w-100... to control size of the inputs as well. See getbootstrap.com/docs/5.3/utilities/sizing/

Regards,

Tuan