Content first text-field showing as email subject

Hey there, @tonloo65!

Single line parts can be configured to be used as email subject, would you double check if that’s the case? Just click the Advanced link in your Single line part widget, and double check that your Use value as email subject option is off.

I hope that does the job! Let us know how you go. ??

Hi again,

Thanks for you quick response again, doing a great job!

That did the job, shame I didn’t see that myself…
Leaves me two more questions:
1. Is there a way to change the language in the dropdowns of the date input?
2. Is it possible to narrow the vertical distance between the options in the dropdowns?

Kind regards,

Ton

Glad to hear it’s sorted, @tonloo65!

HappyForms doesn’t include a visual tool to change your Date month selector, sorry for that! We’re currently translating to a variety of languages, but we haven’t found a Dutch translator yet ??. In the meanwhile, you can use a simple filter. Try popping this in your theme functions.php file:

function happyforms_get_months_dutch( $months ) {
    $months = array(
        1 => 'Januari',
        2 => 'Februari',
        3 => ...
    );

    return $months;
}

add_filter( 'happyforms_get_months', 'happyforms_get_months_dutch' );

And complete the list, from 1 to 12, with your translations.

About point 2, a simple CSS customization should do the job. Would you like to reduce the actual size of single Dropdown options, or the spacing between each option?

Let us know how you go!

Hi there,

That did the magic ??
But I how do I change the words “day”, “Month” and “Year” to Dutch?

Point 2:
I would like to reduce the spacing between each option, but it would be nice to play a bit with the actual size of single Dropdown options so I can match it to my preferences.

About the translating:
How does that work, do you need to dig into code or is it just translating words/sentences?

Thanks again,
Ton

Nice question, @tonloo65!

There isn’t an “easy” way to do it – best you can do is to actually translate those strings. To do that, you’ll need to produce a .mo/.po file pair, and put it in your /wp-content/languages/plugins folder with the name happyforms-nl_NL. You should end up with these two files:

/wp-content/languages/plugins/happyforms-nl_NL.mo
/wp-content/languages/plugins/happyforms-nl_NL.po

You can create these files using Poedit, or more simply the Dutch translation page on www.ads-software.com. Once you’re done translating, you can download your .mo/.po files from the link at the bottom of your page.

Let us know what route best fits, and I’ll be glad to share additional details!

• This reply was modified 6 years, 1 month ago by thethemefoundry.

Hi,
I managed to do the trick with Poedit, working fine now.
I would still like to narrow the vertical space between each option and reduce the actual size of the single dropdowns.

Thanks.

Glad to hear it’s sorted, @tonloo65!

Regarding your dropdowns, I’m happy you ask about this. We should definitely improve things so your item spacing reflects the spacing you applied to your part in the Style step of your form configuration.

We’ll introduce a fix for this in the next release, in the meanwhile a simple CSS customization should do the job. Try popping this in your Appearance → Customize → Additional CSS screen:

.happyforms-custom-select-dropdown li {
    padding: 5px;
}

While this let you cap your dropdown width:

.happyforms-part__select-wrap {
    max-width: 100px;
}

Let us know if that did the trick!

• This reply was modified 6 years, 1 month ago by thethemefoundry.

Hi,

Unfortunately dropdown padding didn’t change anything ??
The code for the dropdown width works fine though.

Regards,
Ton

My bad, @tonloo65.

Try updating your CSS to this. Then play with the values to match your design:

.happyforms-custom-select-dropdown li {
    padding: 5px;
    min-height: 0px;
}

Let us know if that does the trick!

• This reply was modified 6 years, 1 month ago by thethemefoundry.

Hi again,

It narrowed the distance a bit, but there’s still quit a big blank space between the options.

Ton

Glad to hear we’re making progress, Ton!

Did you happen to try tweaking those numbers in the padding? I think that should do the trick!

Hi again ??

I managed to style it to fit my needs with CSS:

.happyforms-custom-select-dropdown li {
padding:0px 10px !important;
margin-bottom:0px !important;
}

Thanks again for your help, you people are awesome!