Required checkbox field

Resolved KTS915
(@kts915)

9 years, 1 month ago

I have just started trying out this plugin, and I must say that I’m impressed. It’s by far the easiest contact form plugin I’ve tried! Thank you.

I’m just having a problem when I try to require that a user tick a checkbox. In fact, there are two problems:

1. I want the asterisk that indicates a required field to be added to the end of the value’s label. (At the moment, it appears that it can only be added to the end of the field’s label.)

2. Marking the field as required currently does not work as expected. The Mandatory Field checkbox does not stay ticked, and it is possible to submit the form without ticking the box.

https://wordpress.org/plugins/planso-forms/

Viewing 8 replies - 1 through 8 (of 8 total)

Plugin Author PlanSo
(@planso)

9 years, 1 month ago

Hi KTS915,

thank you very much for your nice feedback and for pointing us to a bug we haven’t identified yet.

We have just released version 1.1.4 of our form builder, which fixes your second issue.

For your first issue it would be possible to add the asterisk to the end of the option label under the “select values” tab.

Concerning the checkboxes checked state after an unsuccessful submissions we’ll provide another update later today.

If this solves your request it would be great if you’d mark this post as “resolved” other wise please feel free to contact us again.

Cheers

Thread Starter KTS915
(@kts915)

9 years, 1 month ago

Thank you for responding so fast! Your fix works perfectly (as does your suggestion of adding an asterisk to the option label — I should have thought of that!)

But now I have a slightly different problem. When submitting without ticking the checkbox, I get the message: “Attention! There has been an error submitting the form. Please check the marked fields below.”

Which is fine, but the checkbox field is not marked. Could you add some means of indicating that it is the reason for the form’s non-submission, please?

Thanks again!
Plugin Author PlanSo
(@planso)

9 years, 1 month ago
We’re using bootstrap error classes on all fields that contain the error. Depending on your theme you can add the following css-style to visually mark those fields:
```
.planso-form-builder .has-error .help-block,
.planso-form-builder .has-error .control-label,
.planso-form-builder .has-error .radio,
.planso-form-builder .has-error .checkbox,
.planso-form-builder .has-error .radio-inline,
.planso-form-builder .has-error .checkbox-inline,
.planso-form-builder .has-error.radio label,
.planso-form-builder .has-error.checkbox label,
.planso-form-builder .has-error.radio-inline label,
.planso-form-builder .has-error.checkbox-inline label {
  color: #a94442;
}
.planso-form-builder .has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.planso-form-builder .has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.planso-form-builder .has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.planso-form-builder .has-error .form-control-feedback {
  color: #a94442;
}
```
Alternatively you can check the option to “Include a special Bootstrap 3.0 based Stylesheet to optimize the layout of your form” found under “additional settings”.
Thread Starter KTS915
(@kts915)

9 years, 1 month ago

Oh, wow!

I prefer not to include Bootstrap because it looks out of place with my theme, but just adding the code you provided here to my theme’s style.css file worked perfectly!

Thank you very much indeed!

Dmytro
(@azzepis)

9 years ago

Last version of plugin.
Marking the checkbox as required field does not work.
it is possible to submit the form without ticking the checkbox, but radiobox works great.

Plugin Author PlanSo
(@planso)

9 years ago

AzzePis, thank you for pointing that out. We’ll provide a fix asap.

Plugin Author PlanSo
(@planso)

9 years ago

Version 1.2.7 fixes the required checkbox handling.

Dmytro
(@azzepis)

9 years ago

Thank you for fast answer!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Required checkbox field’ is closed to new replies.