format form field boxes so they are just lines

  • BXA
    Asked on October 3, 2017 at 4: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.

  • David JotForm Support
    Replied on October 3, 2017 at 5: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

  • BXA
    Replied on October 4, 2017 at 1:43 PM
    Hi David,
    Thank you for the quick response, that's prefect!
    Leesha
    ...