format form field boxes so they are just lines

  • Profile Image
    BXA
    Asked on October 03, 2017 at 04:41 PM

    Hi, I'd like to make a minimalist form that has data fields as lines (not boxes). Can I do this? would it just be a CSS thing? (if so what might that be?) 

    Basically as simple as this: 


    Name ________________________

    Email ________________________   Phone ______________


    Thanks, I couldn't find anything in the forum or support.

  • Profile Image
    david
    Answered on October 03, 2017 at 05:41 PM

    If you want all text box style inputs to only have the bottom border, add the following code to your form:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input {

        box-shadow: 0px 0px 0px !important;
        border-top : none;
        border-left : none;
        border-right : none;

    }

    Here is quick example form to show how it would look:

    https://form.jotform.com/72756796352975

  • Profile Image
    BXA
    Answered on October 04, 2017 at 01:43 PM
    Hi David,
    Thank you for the quick response, that's prefect!
    Leesha
    ...