Input fields in 2 or more columns

  • Resolved MrSco

    (@mrsco007)


    1 year, 1 month ago

    This plugin is very slick. Nice work.

    is it possible to put input fields in side by side columns? Is custom css required/possible? Could you share a simple 2 column css solution you may have on hand if so?

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor calchub

    (@calchub)

    Hello.

    Thank you for your feedback
    The input fields can possible to put in side by side columns using CSS. Please, write to us on email that indicated on plugin support page.

    Thread Starter MrSco

    (@mrsco007)

    Here is what css ending up working for me in hopes to save someone else some time maybe…thanks!

    /* Change to two column layout */
.formbox-wrapper,
.formbox-wrapper form {
    flex-wrap:wrap;    
    flex-direction: row;
}
.formbox__container {
  width: calc(50% - 10px); 
}
/* keep last vertical result element full width */
.formbox__container.has-result.is-vertical {
  flex-basis: 100%; 
}
@media (max-width: 850px) {
    .formbox-wrapper,
    .formbox-wrapper form {
        flex-wrap: initial;    
        flex-direction: column;
    }
    .formbox__container {
      width: auto; 
    }
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Input fields in 2 or more columns’ is closed to new replies.