removing text and required field star

  • Profile Image
    clarkshealthcare
    Asked on February 19, 2012 at 08:29 AM

    i want to create an email collection form.  i want to remove the text and the required star so it appears as a plain box.

  • Profile Image
    liyam
    Answered on February 19, 2012 at 12:26 PM

    Hello clarkshealthcare,

    If you are referring to your form https://www.jotform.com/form/20482208624, you can insert this CSS to your form:

    #label_24 {
    display: none;
    }

    You can read on the instructions on how to inject CSS codes in your form from this user guide.

    Please let us know if you need further assistance on this matter.

  • Profile Image
    clarkshealthcare
    Answered on February 19, 2012 at 12:27 PM
    Thank you for contacting Clarks Osteopathic & Complementary Healthcare. A member of staff will contact you as soon as possible.

    (Please note that no appointment can be made or cancelled by email)

    For further information call the branch you require on:
    BENFLEET branch = (01268) 795705
    WEST WICKHAM branch = 07837 291582
    Or take our interactive tour at www.osteopathy1.com
  • Profile Image
    abajan
    Answered on March 09, 2012 at 07:45 AM

    @clarkshealthcare

    This is an old thread that I came upon by way of another thread you opened on our forum today. It appears that you tried to respond to my colleague but the only text contained in your post is the following:

    "Thank you for contacting Clarks Osteopathic & Complementary Healthcare. A member of staff will contact you as soon as possible. 

    (Please note that no appointment can be made or cancelled by email)

    For further information call the branch you require on:
    BENFLEET branch = (01268) 795705
    WEST WICKHAM branch = 07837 291582
    Or take our interactive tour at www.osteopathy1.com"

    If you still need help with the form, please reply via the following link:

    https://www.jotform.com/answers/77608-removing-text-and-required-field-star

    There are a couple things I noticed with the form:

    When I viewed its source, I didn't see the rule suggested by Liyam. Instead, there was the following CSS that would not affect any of the form's current fields because none of them have an ID of id_9:

     

    /* green multi-upload button hover state */
    #id_9 .qq-upload-button-hover {
    background: #006B0E;
    background: -moz-linear-gradient(top, #003319 0%, #00CA00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003319), color-stop(100%,#00CA00));
    background: -o-linear-gradient(#003319, #00CA00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003319', endColorstr='#00CA00') !important;
    zoom: 1;
    }

     

    The #id_9 part in the above selector works in the form pictured in the Custom Colors for Multi-upload Buttons user guide because the the ID of the field containing the third button is id_9. (This can be seen if the source is viewed.) At any rate, such a rule would only affect a multi-upload button (click File Upload to insert a regular button and then change it to a multi-upload one). So even if the correct ID (id_6) were to be used, there would be no hover effect.

    To your original question, I believe that by removing "the text and the required star" you're referring to the error message pop-up and the red asterisk, both of which are associated with required fields. If you don't want any indication that the text box is not a regular one, the following rules will do the trick:

    .form-required {
    color: transparent;
    }

    .form-line-error {
    background:none repeat scroll 0 0;
    }

    .form-error-message {
    display: none !important;
    }

    .form-validation-error {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    }

    .form-button-error {
    display: none;
    }

    Alternatively, the last rule can be omitted and the error message that shows up under the submit button can be removed via the form builder:

    1. While on the Setup & Embed tab, click Preferences > Advanced Settings > Edit Form Warnings

    2. Click "There are incomplete required fields. Please complete them", hit [Delete] > Ok > Save

    3. Close the Preferences window if they're no other changes to be made

    Incidentally, the {yourName} tag in the form's autoresponder will not work because there's currently no "Your Name" field in form. (I'm assuming there was one before.)