Increase Select Field box size

Hi @coughlin,

Are you referring to Multi-Select box in a form?

You can edit your form and enable Custom CSS from Appearance tab, and in that field paste this code:

.forminator-multiselect {
	max-height: 250px!important;
}

You can adjust the desired height value from there and the scroll is added by default so that should do the trick.

Cheers,
Predrag

Thank you for your reply. We are dealing with a single select field box and I add your CSS to the form and used .forminator-select with no success. The effect the client wants to have can be found at this URL;

https://covingtonwa.gov/businesses/chamberbusinessawards.php

Client want to duplicate the large single select box (e.g. Spirit of Covington Award for 2020, Business of the Year Award for 2020, etc.). Thank you and your assistance is greatly apprehended.

Hi @coughlin

Thank you for the link.

I am afraid it wouldn’t be possible by default on Forminator.

We pinged the developers to verify if we can limit the MultiSelect field to one selection only as a workaround.

We will update once hearing back from the developers.

Best Regards
Patrick Freitas

Hi @coughlin

I hope you are doing well.

Our developers confirmed it needs custom coding, we do have a code created for a different situation that can work here

Could you please try this link https://gist.github.com/wpmudev-sls/5be7b5f7eac4132e1539b850b8ab751c as a mu-plugin?

You can find how to install a mu-plugin on:

https://wpmudev.com/docs/using-wordpress/installing-wordpress-plugins/#installing-mu-plugins

To use this we need to update the code at some lines.

In line 47, add the form ID that you would like to apply the code, you can find the ID in the URL.

https://monosnap.com/file/Y6wgDNUqMeJfa1H75qAFgM45Qftxpz

Line 48, add your Select field ID and the number of option you would like to allow the user, on your case it is 1, it must be a multi-select field, edit the field and add this class on your custom class setting:

wpmudev-option-limit

https://monosnap.com/file/4ph5sSrhtZ6YtuADZey9UfUzOZ0eQM

https://monosnap.com/file/qtR1sSBZI52G3eHlMW89pAUxG21D6q

The result:
https://monosnap.com/file/ocuniSARYLUtQfQP7tNzWyjIC4l3Kt

Let us know if this workaround will work.
Best Regards
Patrick Freitas

Hi @coughlin

I hope you are doing well and safe!

We haven’t heard from you in a while, I’ll mark this thread as resolved.

Feel free to let us know if you have any additional questions or problems.

Best Regards
Patrick Freitas