How to create single checkbox that is required for confirming T+C, for example?

Gravity Support Forums » Plugin Support » Gravity Forms

tondeaf
Member

I just got a bunch of errors while doing this.

Why isn't there a tickteting system for this?

Thanks,
Ryan

Posted 14 years ago on Wednesday December 16, 2009 | Permalink
Carl Hancock
Administrator

Ryan, we are looking into your issue as I mentioned via an email response to your Contact Us submission just a little bit ago. I am having our lead developer look at the issue. See your email for details.

There is a higher level of support, Priority Support, but it is only available to Developer License holders. All other support takes place on the forum.

Posted 14 years ago on Wednesday December 16, 2009 | Permalink
RichardBest
Member

Surely you could do this with a single option 'multi-choice' field, the question being "Do you agree to our terms of use", the phrase "terms of use" being an external link to the actual terms, and the only mandatory option being "yes". The error message for that option, if not selected, would be something like "You must accept our terms of use before being able to proceed". I haven't implemented this yet in my forms but propose to do so in the near future. Hope it works as expected.

Cheers
Richard

Posted 14 years ago on Thursday December 17, 2009 | Permalink
RichardBest
Member

Hmmm. I just tested this using a checkboxes field but otherwise following what I suggested above. The problem, I see, is that one can't put HTML in the field label. You can put HTML in the field description, which is a bit of a workaround to the issue (because in the description one can put something like You can find the site's <a href="http://www.google.com">terms of use here</a>. Make sure you read them!, but it would be preferable, both visually and legally, to be able to put it in the field label, i.e., in the question which appears before the user clicks the 'yes' box.

Cheers
Richard

Posted 14 years ago on Thursday December 17, 2009 | Permalink
Carl Hancock
Administrator

Richard, there are issues with putting HTML in the Field Label as this is used for a variety of things such as on the Entry Display, in emails, etc. where the data associated with the Field Label needs to be "clean". You don't want it causing problems in other areas of the administration, as well as when exporting data to CSV for use in other systems and integrating with other services. The name of the field needs to be text only.

But what I can look into is making the position of the description configurable. If the description was positioned below the label you could insert a textarea into it, please your terms of use within the textarea and then have a single checkbox to accept the terms of use.

Posted 14 years ago on Thursday December 17, 2009 | Permalink
Kevin Flahaut
Administrator
You could always use the description to link to the terms of service, etc. then use a little CSS to position the description above the check box.

example screenshot 1
example screenshot 1

Here's the CSS snippet I used to swap things around. Of course, you'll need to adjust the id's and values to suit your form and styling needs.
```
/*restyle agreement field ---------*/

ul#input_17_1 {margin-top:20px!important} /* move checkbox field down */
li#field_17_1 {position:relative;} /* set position on container li */
li#field_17_1 div.gfield_description {position:absolute; top:22px;} /* reposition description field */
li#field_17_1 div.gfield_description.validation_message {position:absolute; top:34px;} /* reposition validation message */
```
Posted 14 years ago on Thursday December 17, 2009 | Permalink
RichardBest
Member

Beautiful. Thanks.

Posted 14 years ago on Friday December 18, 2009 | Permalink
Anonymous
Unregistered

@Carl - Hey, would love if I could reposition the description above the field!

Posted 14 years ago on Monday February 15, 2010 | Permalink
Carl Hancock
Administrator

We will probably make the field description configurable in a future release. For now it is possible to do so with some custom CSS. See Kevin's response to this thread above. Thanks.

Posted 14 years ago on Tuesday February 16, 2010 | Permalink

This topic has been resolved and has been closed to new replies.