Will JotForm accept viewport units for element and text scaling? (e.g. vw, vh, vmin, vmax) and how to apply it in 2 column responsive setup?

  • Profile Image
    formvendor
    Asked on February 28, 2015 at 07:29 PM

    Simple enough. I have a form that I would like to be "truly responsive". I'm finding the baked in responsiveness and column declarations with JotForm to be a little glitchy. Now that every major browser fully supports viewport units (with IE11 lagging behind with only partial support) - I would like to know if JotForm is set up to accept it?

    I'd like to do:

    .form-all {

    width: 80vw;

    max-width: 80vw !important;

    }

    /* Vertical Tabs */

    .tabs-list {

    width: 17vw;

    max-width: 17vw !important;

    left: 1vw;

    }

    /* Two Column Responsive Design */

    .form-line-column {

    width: 30vw;

    max-width: 30vw !important;

    }

    If the above is correct- then should I set:

    .form-line-column.form-col-0 {

    left: 20vw !important;

    }

    .form-line-column.form-col-1 {

    left: 50vw !important; 

    }

    to accomplish the 2 column responsive design I'm looking for ?

     

    Thank you for your help.