search

Crocoblock / jetformbuilder

79 stars 16 forks source link

Checkboxes became invisible since last update #446

Closed kankadev closed 3 months ago

kankadev commented 5 months ago

Hi,

I have a bunch of checkboxes. To select one of them is required. But they become unvisible (I think since the last update, because I didn't change anything).

I can see the label for the checkboxes ("How should we contact you") but the checkboxes are display: none. See screenshot: grafik

display: none is inline CSS.

Here's the HTML:

<div class="jet-form-builder__fields-group checkradio-wrap" data-jfb-sync=""><div class="jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap" style="display: none;"><label class="jet-form-builder__field-label for-checkbox">
<input type="checkbox" name="how_should_we_contact_you[]" value="Telephone" data-field-name="how_should_we_contact_you" class="jet-form-builder__field checkboxes-field checkradio-field" required="required"><span>Telephone</span></label></div><div class="jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap" style="display: none;"><label class="jet-form-builder__field-label for-checkbox">
<input type="checkbox" name="how_should_we_contact_you[]" value="WhatsApp" data-field-name="how_should_we_contact_you" class="jet-form-builder__field checkboxes-field checkradio-field" required="required"><span>WhatsApp</span></label></div><div class="jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap" style="display: none;"><label class="jet-form-builder__field-label for-checkbox">
<input type="checkbox" name="how_should_we_contact_you[]" value="E-Mail" data-field-name="how_should_we_contact_you" class="jet-form-builder__field checkboxes-field checkradio-field" required="required"><span>E-Mail</span></label></div><div class="jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap" style="display: none;"><label class="jet-form-builder__field-label for-checkbox">
<input type="checkbox" name="how_should_we_contact_you[]" value="no-matter" data-field-name="how_should_we_contact_you" class="jet-form-builder__field checkboxes-field checkradio-field" required="required"><span>No matter</span></label></div></div>

grafik

Crocoblock commented 4 months ago

Hi @kankadev

Please, share code of your form image

Then copy code and share here in comment image

kankadev commented 4 months ago 
<!-- wp:jet-forms/heading-field {"label":"Polaroids","className":" jet-sm-gb-wrapper jet-sm-gb-6e14b958-2ff8-494b-b353-03b819aa9cf9","blockID":"jet-sm-gb-6e14b958-2ff8-494b-b353-03b819aa9cf9"} /-->

<!-- wp:paragraph -->
<p><strong>Model Polaroids</strong> (digitals) are unedited photos that show a model's natural look. Agencies and casting directors use them to assess a model's true skin, body shape, and features without makeup or styling. These photos help decide if a model fits a project’s needs.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Please provide recent Polaroids taken in daylight, without makeup, using your smartphone. Ensure these photos are less than a month old and reflect your current appearance, hairstyle, and hair length. We will not publish your Polaroids. See below for examples.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:image {"id":1201,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="http://localdev.com.localwp/wp-content/uploads/2024/05/20240505_131246-671x1024.jpg" alt="" class="wp-image-1201"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":1204,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="http://localdev.com.localwp/wp-content/uploads/2024/05/20240505_131033-439x1024.jpg" alt="" class="wp-image-1204"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":1208,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="http://localdev.com.localwp/wp-content/uploads/2024/05/20240505_131102-439x1024.jpg" alt="" class="wp-image-1208"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":1211,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="http://localdev.com.localwp/wp-content/uploads/2024/05/20240505_131122-439x1024.jpg" alt="" class="wp-image-1211"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":1214,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="http://localdev.com.localwp/wp-content/uploads/2024/05/20240505_131134-439x1024.jpg" alt="" class="wp-image-1214"/></figure>
<!-- /wp:image -->

<!-- wp:image {"id":1217,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="http://localdev.com.localwp/wp-content/uploads/2024/05/20240505_131149-439x1024.jpg" alt="" class="wp-image-1217"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:jet-forms/heading-field {"label":"Let's begin..."} /-->

<!-- wp:paragraph -->
<p>Model polaroids are very important. Of course you can upload additional photos from previous photo shoots or other projects. To have the best chances, you should use at least 5 Polaroids and a few „normal“ or professional photos for your model profile.</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"3rem"} -->
<div style="height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"className":"vm_jetform_model_polaroids","layout":{"type":"constrained"}} -->
<div class="wp-block-group vm_jetform_model_polaroids"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/media-field {"validation":{"messages":{"max_size":"Maximum file size: %max_size%"},"type":"advanced"},"allowed_user_cap":"any_user","max_files":"15","max_size":"15","allowed_mimes":["image/jpeg","image/png","image/tiff","application/zip","image/bmp","image/heic","application/pdf"],"label":"Photos","name":"model_polaroids","desc":"You can upload up to 15 files. Allowed file types: JPG, PNG, TIFF, HEIC, ZIP, PDF","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-424401f5-226b-49a2-a52b-f28bb41cb70e","metadata":{"name":""},"blockID":"jet-sm-gb-424401f5-226b-49a2-a52b-f28bb41cb70e"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:jet-forms/heading-field {"label":"Account Details","className":" jet-sm-gb-wrapper jet-sm-gb-652aedf7-e92d-4421-afbc-8c505cc79664","blockID":"jet-sm-gb-652aedf7-e92d-4421-afbc-8c505cc79664"} /-->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/text-field {"validation":{"type":"advanced"},"minlength":"2","label":"First Name","name":"first_name","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-e3378430-2d89-43c9-820c-dea47c01ee4f","blockID":"jet-sm-gb-e3378430-2d89-43c9-820c-dea47c01ee4f","sanitizeValue":["text"]} /-->

<!-- wp:jet-forms/text-field {"validation":{"type":"advanced"},"minlength":"2","label":"Last Name","name":"last_name","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-dbc7612f-3edb-46a3-9af7-20c64db8328d","blockID":"jet-sm-gb-dbc7612f-3edb-46a3-9af7-20c64db8328d","sanitizeValue":["text"]} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/text-field {"validation":{"type":"advanced","rules":[]},"field_type":"email","label":"Email","name":"email","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-6112398c-4128-4ca4-95fb-0e42eb031f4b","blockID":"jet-sm-gb-6112398c-4128-4ca4-95fb-0e42eb031f4b","sanitizeValue":["email"]} /-->

<!-- wp:jet-forms/text-field {"validation":{"type":"advanced"},"minlength":"3","maxlength":"40","label":"Username","name":"login_name","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-b97bbacb-0007-4410-88ce-93d5f4b070aa","blockID":"jet-sm-gb-b97bbacb-0007-4410-88ce-93d5f4b070aa","sanitizeValue":["user"]} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/text-field {"validation":{"type":"","rules":[]},"minlength":"8","maxlength":"60","label":"Password","name":"password","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-b2f6607c-73a7-440e-b05d-d1592111e319","blockID":"jet-sm-gb-b2f6607c-73a7-440e-b05d-d1592111e319"} /-->

<!-- wp:jet-forms/text-field {"validation":{"type":"","rules":[]},"minlength":"8","maxlength":"60","label":"Confirm Password","name":"confirm_password","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-bfcd54e0-a0e9-415c-abc5-0667cc0aabc5","blockID":"jet-sm-gb-bfcd54e0-a0e9-415c-abc5-0667cc0aabc5"} /--></div>
<!-- /wp:group -->

<!-- wp:jet-forms/form-break-field {"label_progress":"Polaroids \u0026 Account"} /-->

<!-- wp:jet-forms/heading-field {"label":"Personal","className":" jet-sm-gb-wrapper jet-sm-gb-ba48aafe-3488-4d33-bcaf-f58a3c656d4c","blockID":"jet-sm-gb-ba48aafe-3488-4d33-bcaf-f58a3c656d4c"} /-->

<!-- wp:group {"className":"desired_topics_container","layout":{"type":"constrained"}} -->
<div class="wp-block-group desired_topics_container"><!-- wp:jet-forms/checkbox-field {"custom_item_template":true,"custom_item_template_id":"1599","field_options_from":"terms","field_options_tax":"topics","generator_function":"get_from_query","label":"What topics are you interested in?","name":"desired_topics","className":" jet-sm-gb-wrapper jet-sm-gb-f75d2b0e-c33d-4db8-a65d-427f23264548","blockID":"jet-sm-gb-f75d2b0e-c33d-4db8-a65d-427f23264548"} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/textarea-field {"validation":{"type":"advanced"},"minlength":"1","maxlength":"1500","label":"Introduction / About me","name":"introduction","desc":"Please introduce yourself. Do you have modeling experience?","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-d42e852e-15d6-4f6b-87ad-57c6533b730a","blockID":"jet-sm-gb-d42e852e-15d6-4f6b-87ad-57c6533b730a","sanitizeValue":["textarea"]} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/text-field {"value":{},"label":"Profession","name":"profession","desc":"If you are not yet a professional model: What's your profession?","className":" jet-sm-gb-wrapper jet-sm-gb-918cb763-5154-4ac3-89e0-8d0f2b84e4a7","blockID":"jet-sm-gb-918cb763-5154-4ac3-89e0-8d0f2b84e4a7"} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/date-field {"validation":{"type":"advanced"},"label":"Birth date","name":"birth_date","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-5081875b-b140-49aa-bd2c-a6e0da610ce2","blockID":"jet-sm-gb-5081875b-b140-49aa-bd2c-a6e0da610ce2"} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/select-field {"glossary_id":"3","field_options_from":"glossary","label":"Nationality","name":"nationality","placeholder":"Select","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-a9445232-0c8f-4500-9877-37671b599e49","blockID":"jet-sm-gb-a9445232-0c8f-4500-9877-37671b599e49"} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/text-field {"validation":{"type":"advanced"},"label":"Place of residence / City","name":"place_of_residence_city","desc":"Where do you live at the moment?","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-d2b47358-3aca-4196-8aba-1eeb0a2663aa","blockID":"jet-sm-gb-d2b47358-3aca-4196-8aba-1eeb0a2663aa"} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/select-field {"multiple_size":1,"glossary_id":"4","field_options_from":"glossary","label":"Country","name":"country","placeholder":"Select","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-51a55733-429f-469d-b765-07ff55c4ea9f","blockID":"jet-sm-gb-51a55733-429f-469d-b765-07ff55c4ea9f"} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/select-field {"field_options":[{"__visible":true,"label":"male","value":"male"},{"__visible":true,"label":"female","value":"female"}],"field_options_key":"gender","label":"Gender","name":"gender","placeholder":"Select","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-1dc4283d-71a0-4911-8540-2ff3fca4c91f","blockID":"jet-sm-gb-1dc4283d-71a0-4911-8540-2ff3fca4c91f"} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/text-field {"validation":{"type":""},"field_type":"tel","enable_input_mask":true,"input_mask":"+99 999 999 99 99","label":"Mobile Phone Number","name":"mobile_phonenumber","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-4bece0ad-5a03-4243-921c-5e0a4732e2af","blockID":"jet-sm-gb-4bece0ad-5a03-4243-921c-5e0a4732e2af"} /--></div>
<!-- /wp:group -->

<!-- wp:jet-forms/heading-field {"label":"Look","className":" jet-sm-gb-wrapper jet-sm-gb-ba48aafe-3488-4d33-bcaf-f58a3c656d4c","blockID":"jet-sm-gb-ba48aafe-3488-4d33-bcaf-f58a3c656d4c"} /-->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/number-field {"validation":{"type":"advanced"},"min":"0","max":"240","step":"1","label":"Body Height","name":"height","desc":"Please enter it in cm. ","className":" jet-sm-gb-wrapper jet-sm-gb-d85f2b6b-8c00-4a81-ad2c-15af30e758dd","blockID":"jet-sm-gb-d85f2b6b-8c00-4a81-ad2c-15af30e758dd"} /-->

<!-- wp:jet-forms/number-field {"validation":{"type":"advanced"},"min":"0","max":"150","step":"1","label":"Body Weight","name":"body_weight","desc":"Please enter it in kg.","className":" jet-sm-gb-wrapper jet-sm-gb-d85f2b6b-8c00-4a81-ad2c-15af30e758dd","blockID":"jet-sm-gb-d85f2b6b-8c00-4a81-ad2c-15af30e758dd"} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/text-field {"label":"Eye Color","name":"eye_color","className":" jet-sm-gb-wrapper jet-sm-gb-958a0636-f230-4565-90da-7a030fc9f563","blockID":"jet-sm-gb-958a0636-f230-4565-90da-7a030fc9f563"} /-->

<!-- wp:jet-forms/text-field {"label":"Hair Color","name":"hair_color","className":" jet-sm-gb-wrapper jet-sm-gb-958a0636-f230-4565-90da-7a030fc9f563","blockID":"jet-sm-gb-958a0636-f230-4565-90da-7a030fc9f563"} /--></div>
<!-- /wp:group -->

<!-- wp:jet-forms/form-break-field {"label_progress":"Personal","add_prev":true} /-->

<!-- wp:jet-forms/heading-field {"label":"Social Media","className":" jet-sm-gb-wrapper jet-sm-gb-f48e1201-a6c2-410e-96f7-7822a62e873e","blockID":"jet-sm-gb-f48e1201-a6c2-410e-96f7-7822a62e873e"} /-->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/text-field {"label":"Instagram (username)","name":"instagram_username","className":" jet-sm-gb-wrapper jet-sm-gb-6a20394c-51f4-494a-8598-80bbccd0ad4c","blockID":"jet-sm-gb-6a20394c-51f4-494a-8598-80bbccd0ad4c"} /-->

<!-- wp:jet-forms/text-field {"label":"TikTok (Username)","name":"tiktok_username","className":" jet-sm-gb-wrapper jet-sm-gb-d21c1046-d792-4df9-b4f8-e2b36bf85b22","blockID":"jet-sm-gb-d21c1046-d792-4df9-b4f8-e2b36bf85b22"} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/text-field {"field_type":"url","label":"Website (URL)","name":"website_url","className":" jet-sm-gb-wrapper jet-sm-gb-24195a3c-fdd0-46f3-a323-b91dfc6fb126","blockID":"jet-sm-gb-24195a3c-fdd0-46f3-a323-b91dfc6fb126"} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/checkbox-field {"custom_option":{"allow":true,"label":"+ Add New"},"field_options":[{"__visible":true,"label":"Telephone","value":"Telephone"},{"__visible":true,"label":"WhatsApp","value":"WhatsApp"},{"__visible":true,"label":"E-Mail","value":"E-Mail"},{"__visible":true,"label":"No matter","value":"no-matter"}],"label":"How should we contact you?","name":"how_should_we_contact_you","required":true,"className":" jet-sm-gb-wrapper jet-sm-gb-a5899a71-3529-4029-85cd-14e40813048d","blockID":"jet-sm-gb-a5899a71-3529-4029-85cd-14e40813048d","jetDynamicVisibility":{"jedv_enabled":false,"jedv_type":"show","jedv_conditions":[],"jedv_relation":"AND"}} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:jet-forms/switcher {"value_active":"newsletter-accepted","label":"Newsletter","name":"interested_in_newsletter","desc":"Are you interested in receiving our newsletter?","default":"newsletter-accepted","className":" jet-sm-gb-wrapper jet-sm-gb-6e5dd4e9-36ca-4d45-937c-cc3a99e936b6","blockID":"jet-sm-gb-6e5dd4e9-36ca-4d45-937c-cc3a99e936b6"} /--></div>
<!-- /wp:group -->

<!-- wp:jet-forms/submit-field {"label":"Prev","action_type":"prev","className":" jet-sm-gb-wrapper jet-sm-gb-5a3ba579-bb4a-4ac1-af64-9ae59ae38b1f","blockID":"jet-sm-gb-5a3ba579-bb4a-4ac1-af64-9ae59ae38b1f"} /-->

<!-- wp:jet-forms/submit-field {"className":" jet-sm-gb-wrapper jet-sm-gb-cb78b827-c5d3-408d-87db-30487934007d","blockID":"jet-sm-gb-cb78b827-c5d3-408d-87db-30487934007d"} /-->

<!-- wp:jet-forms/form-break-field {"add_next_button":false,"label_progress":"Social Media"} /-->
kankadev commented 4 months ago

Friendly reminder