Bug in Form

Hey evas49,

I’m not sure I understand your intentions, do you want that field to be descriptive only? If so, then please try to use the Custom HTML or Separator Headline field instead.

Best regards,
Rikard

Hi,

That’s what I did, and the question still stands. Please try to explain the problem you are having a bit further.

Best regards,
Rikard

Hi,
Try this shortcode:

[av_contact title='' button='Senden' on_send='' sent='Ihre Nachricht wurde versendet!' link='manually,http://' captcha='active' captcha_theme='light' captcha_size='normal' captcha_score='0.5' email='info@.......de' from_email='' subject='' autoresponder_email='info@......de' autoresponder_reply_to='' autoresponder_subject='' autorespond='' autorespond_after='' hide_labels='aviaTBhide_labels' form_align='' color='' heading_tag='' heading_class='' alb_description='' id='' custom_class='kursformular' template_class='' aria_label='' av_uid='av-l59y6d3l' sc_version='1.0' admin_preview_bg='']
[av_contact_field label='Name' type='text' check='is_empty' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-19lvsfd' sc_version='1.0'][/av_contact_field]
[av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-35sn6x' sc_version='1.0'][/av_contact_field]
[av_contact_field type='select' label='Für welchen Kurs möchten Sie anfragen?' options='Ohne Geige geht es nicht,Streichen lernen / 22.10.2022' multi_select='aviaTBaviaTBmulti_select' check='' element_display='' width='' headline_tag='h3' av_uid='av-l5e3okhn' sc_version='1.0' av_contact_preselect=''][/av_contact_field]
[av_contact_field type='text' label='Anzahl der Personen?' options='' check='is_number' element_display='' width='' headline_tag='h3' av_uid='av-l59y48df' sc_version='1.0' multi_select='' av_contact_preselect=''][/av_contact_field]
[av_contact_field type='textarea' label='Anmerkung' options='' check='' element_display='' width='' headline_tag='h3' av_uid='av-l59y4xcu' sc_version='1.0' multi_select='' av_contact_preselect=''][/av_contact_field]
[/av_contact]

Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function add_disabled_to_multi_select_when_form_labels_hidden() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
	$('.avia_ajax_form.av-form-labels-hidden .av-multi-select option:first-child').prop("disabled", true);
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'add_disabled_to_multi_select_when_form_labels_hidden');

The result is the multi-select label is not clickable:

Best regards,
Mike

Hi,
In your form you have the labels hidden with the Hide Form Labels option in the style tab, thus the fields use a placeholder to label the fields:

the placeholder option for the multi select section is to add “disabled” so the option is not selectable as in my solution above:

this keeps the form consist with no labels above the fields.
In your shortcode you have added a text field to act as a label above the multi select section:

I didn’t realize that you wanted a label above this only section, so I recommend removing your text section and adding the text to the Form Element Label:

and adding this css:

.avia_ajax_form.av-form-labels-hidden label[for="avia_3_1"] {
	position: unset;
}
.avia_ajax_form.av-form-labels-hidden #avia_3_1 option:first-child {
	display:none;
}

which will show the label for this one field:

I added a link to a new test page below, this is the updated shortcode from your last post:

[av_contact title='' button='Senden' on_send='' sent='Ihre Nachricht wurde versendet!' link='manually,http://' captcha='active' captcha_theme='light' captcha_size='normal' captcha_score='0.5' email='info@.......de' from_email='' subject='' autoresponder_email='info@......de' autoresponder_reply_to='' autoresponder_subject='' autorespond='' autorespond_after='' hide_labels='aviaTBhide_labels' form_align='' color='' heading_tag='' heading_class='' alb_description='' id='' custom_class='kursformular' template_class='' aria_label='' av_uid='av-l59y6d3l-6' sc_version='1.0' admin_preview_bg='']
[av_contact_field label='Name' type='text' check='is_empty' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-19lvsfd-5' sc_version='1.0'][/av_contact_field]
[av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-35sn6x-4' sc_version='1.0'][/av_contact_field]
[av_contact_field type='select' label='Für welchen Kurs möchten Sie anfragen?' options='Ohne Geige geht es nicht,Streichen lernen / 22.10.2022' multi_select='aviaTBaviaTBmulti_select' check='' element_display='' width='' headline_tag='h3' av_uid='av-l5e3okhn-3' sc_version='1.0'][/av_contact_field]
[av_contact_field type='text' label='Anzahl der Personen?' options='' check='is_number' element_display='' width='' headline_tag='h3' av_uid='av-l59y48df-2' sc_version='1.0' multi_select='' av_contact_preselect=''][/av_contact_field]
[av_contact_field type='textarea' label='Anmerkung' options='' check='' element_display='' width='' headline_tag='h3' av_uid='av-l59y4xcu-1' sc_version='1.0' multi_select='' av_contact_preselect=''][/av_contact_field]
[/av_contact]

As for your question about the text: “Bitte löse die Gleichung. Diese Maßnahme dient der Abwehr von Spam” (my English translation is: Please solve the equation. This measure serves to protect against spam)
I only see the text: Please prove that you are human by solving the equation *
I’m not sure if it is the same text and your is German, or if your text is added somewhere else, but when the Hide Form Labels option in the style tab is used no text is shown:

if labels are shown it is like this:

if you are seeing something different the check your customizations or Enfold Theme Options ▸ Privacy and Cookies ▸ Append a privacy policy message to template builder contact forms?

Best regards,
Mike

Hi,
Thanks for your feedback and pointing out this issue, I will be submitting the recommendation to the Dev Team for this once we identify the desired result. Which solution do you think is best?
The label inside the field, so that it is similar to the other fields that use a placeholder when the labels are hidden with the Hide Form Labels option:

or the label above the field for this one field only, even though the user has selected the labels to be hidden with the Hide Form Labels option:

Best regards,
Mike

Hi,
Thank you for your feedback, I have submitted an issue report to the Dev Team for their review, and a solution will most likely be added to a future update.
We need to keep this thread focused on this one issue, so please ask your other questions in separate threads, as keeping each thread on a single topic or issue is most efficient for support and future readers to find solutions, and in this case for the review of the Dev Team.
Thank you for your patience and understanding and using Enfold.

Best regards,
Mike