Required checkbox field

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

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!

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”.

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!

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.

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

Version 1.2.7 fixes the required checkbox handling.

Thank you for fast answer!