Terms and Conditions Registration Checkbox Field

  • I am reporting some areas for improvement related to the terms and conditions checkbox field. First, the description for “Profile Field Description” reads as follows:

    “For your reference only. Not visible on front-end. Description can help you remember the purpose of the field.”

    This field IS displayed on the front end. It is the title of the checkbox and displays on hover.

    Sample HTML produced:

    <input type=”checkbox” title=”This IS visible on the front end!” class=”” id=”pm_field_37″ name=”pm_field_37″ value=”yes”>

    Second, it would really be nice if the checkbox text could be different than the actual checkbox label description. At present they are the same. I can’t think of a scenario where anyone would want this behavior. It’s redundant at present.

    For example, I want the label to say something like “Please read and agree to the terms” and the actual checkbox should say “I agree to the terms and conditions.” Right now, both have the same label pulled from the “Profile Field Name” field.

Viewing 1 replies (of 1 total)
  • Thread Starter William M Coyne

    (@wmcoyne)

    If anyone else is wondering how to work around this I removed the redundant registration form label and centered the terms and conditions using the following code. The CSS will break if any forms have more than one required check box because it relies on the class pm_checkboxrequired for CSS targeting. The remaining content width is only set to a default value of 60%. Once the extra label is removed via JQuery the remaining content looks weird and appears left-aligned. This clumsy targeting is the best I could come up with since these bits of html do not have unique classes or ids that will work across registration forms for those of us that use more than one. The custom field gets a random id like pm_field_37 which will change if a different registration form is displayed.

    CSS:

    .pm_checkboxrequired {
    ????width: 100% !important;
    }

    JQuery:

    $(‘label:contains(“I agree to the terms and conditions”)’).hide();

Viewing 1 replies (of 1 total)
  • The topic ‘Terms and Conditions Registration Checkbox Field’ is closed to new replies.