Worldpay product selection horizontal alignment

  • Profile Image
    DerekMurrell
    Asked on July 23, 2014 at 07:57 AM

    Is there a way to get the radio button options in the worldpay widget to align horizontally instead of vertically as i have 34 options which would make a long form?

     

    Thanks


    Derek

  • Profile Image
    jedcadorna
    Answered on July 23, 2014 at 09:29 AM

    You can inject css to align the options. I'll make a sample and get back to you once done. You can also share your form so we can provide a correct css for your form.

     

  • Profile Image
    DerekMurrell
    Answered on July 23, 2014 at 10:18 AM

    Thank you for your help, ill share the form once completed, thanks again.

  • Profile Image
    jedcadorna
    Answered on July 23, 2014 at 10:22 AM

    You can align your product like this.

    Inject this css to your form to and you can adjust the width of .form-product-item. As you adjust the width the alignment change.

    .form-product-item {

    border: 1px solid #EFEFEF;

    margin: 1px;

    float: center;

    width: 150px;

    }

    .form-product-item + br {

    display:none !important;

    }

     

    Here's a guide on how to inject custom CSS in your form https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

  • Profile Image
    DerekMurrell
    Answered on July 23, 2014 at 10:56 AM

    Thank you so much for your help as always, this works a treat

     

    Derek

  • Profile Image
    EltonCris
    Answered on July 23, 2014 at 12:06 PM

    @Derek

    On behalf of my colleague, you're welcome.

    Cheers! =)