[Resuelto] Checkbox labels not clickable on cred form

[Autor]

Mensajes

[jamesR-13]

I have a form where the labels are not clickable for checkboxes. I have verified the names match. The label on a radio button on the same form are working as expected. Please advise.

[Minesh]

Hello. Thank you for contacting the Toolset support.

Can you please share problem URL where you added the form?

[jamesR-13]

enlace oculto

[Minesh]

I checked on install and I found that the checkbox field should be reside within the div having class form-group.

So, for instance, you will have to wrap your checkbox field with the div with class name "form-group5" as given under:

<div class="form-group">
	<div class="col-md-5">[cred_field field="residential-standing-guard" force_type="field" class="form-check-input" output="bootstrap"]</div>
	<div class="col-md-7">       </div>
</div>

Once you made that change and save your form and then you should check on the frontend that if should work and checkbox will be checked when you click on the checkbox label.

[jamesR-13]

OK, that did get the labels working, but unfortunately it seems to have broken my javascript that was rewriting the label text.

The form name is "Select Services" and the script is in the JS editor. It is supposed to rewrite each of the "I agree to the terms - XXXXXX" labels to be just "I agree to the terms"

[jamesR-13]

It also seems to have made the WYSIWYG fields editable again, overriding the readonly="true" attribute.

[jamesR-13]

OK, so after more testing the javascript label rewrite is working again, but the WYSIWYG fields are still editable.

I can hide the text/visual tabs with CSS, but that can be edited by the user and then they can change the text of the agreement term fields.

[jamesR-13]

OK, nevermind. Not sure why but everything seems to be working as expected again now....

[jamesR-13]

My issue is resolved now. Thank you!