How to show a default value in dynamic dropdowns?

Hello,

I've been trying to make a simple dynamic dropdown but I found that once I choose the first option, the second dropdown doesn´t showcase the text "Select an option" as in the first one.

So, How can I decide the text showcased before clicking the bar to see the dropdown options, just as the demo that you have in your website. I will attach an image so you can understand better.

I appreciate your promt reply.

Thanks.

Hi alegam378,

Thanks for reaching out to Jotform Support. I understand the issue, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

We appreciate your patience while we work on a solution.

Hi alegam378,

Thanks for your patience and understanding, we appreciate it. We can recreate the Dynamic Dropdowns in our demo by adding a default value to each category, and using CSS code to change its color. Check out the screencast below:

You can clone my demo form to copy the settings of the Dynamic dropdowns, or you can do it on your own. Let me show you how to do it:

First, let's set the values inside the dropdown:

1. In Form Builder, click on the Wand icon of your Dynamic Dropdown widget, and insert a default value for each category.

Then, we need to input CSS code to change the color of the default value. Let's do it:

1. Click on Custom CSS, and paste the CSS code below:

/*Default Value Color*/

[title="Type Default Value Here"],  

[title="Type Second Default Value Here"]

{color: gray !important;}

/*Ends Here*/

Take note that you should type the default value name inside the square bracket.

That's it. Let us know if you have any other questions.

Thanks for your reply.

I tried to insert the CSS code but I just don´t see the option "CUSTOM CSS". It is in spanish but you can see that the only option is "GENERAL". ¿How can I enable that option?

Hello alegam,

Thank you for getting back to us. Unfortunately, CSS is not available for Card Form Type, we suggest you use the Classic Type Form for more options for customization on your forms.

Give it a try and reach out again if you have any other questions.