It is possible to adjust check box alignment in purchase order tool?

  • Profile Image
    Tseu
    Asked on February 28, 2013 at 10:41 PM

    Would it be possible for me to put the custom quantity checkbox (located at the underneath of the product checkbox) into same line with the product checkbox (at the back of the price)

     

    Thanks

  • Profile Image
    Welvin
    Answered on March 01, 2013 at 01:44 AM

    Hi Tseu,

    I think that is possible by injecting custom CSS codes to your form. Please share with us your form URL so we can check and see what we can do about that.

     

    Thanks

  • Profile Image
    zip_borneo
    Answered on March 01, 2013 at 03:08 AM

    Here the link:

    http://form.jotform.me/form/30580653366456

     

    BTW, Would it be possible to include hide & show function for the checkbox, example when we click on the product check box, than only the custom quantity product pop out. 

     

    Super thanks.

  • Profile Image
    Welvin
    Answered on March 01, 2013 at 03:17 AM

    Hi,

    Inject this codes:

    .form-sub-label-container {

    float: right !important;

    position: relative !important;

    margin-top: -41px !important;

    left: 62px !important;

    }

    Guide: How to Inject Custom CSS Codes

    Unfortunately, the show/hide function is not possible within the product properties.

     

    Thanks

  • Profile Image
    zip_borneo
    Answered on March 01, 2013 at 04:27 AM

    Hi

     

    Thanks for the help, it working but the "persons" word still underneath, can it be adjust to folow at the back of the custom quantity check box. 

     

    Super thanks. 

  • Profile Image
    Welvin
    Answered on March 01, 2013 at 04:58 AM

    Hi,

    Please kindly use this codes instead of the first one I have;

    #input_46_quantity_1002_0, #input_46_quantity_1003_0 {

    float: right !important;

    position: relative !important;

    margin-top: -52px !important;

    left: 83px !important;

    }

    #input_46_quantity_1002_0 + label, #input_46_quantity_1003_0 + label {

    float: right;

    left: 123px;

    position: relative;

    margin-top: -51px;

    }

    Same guide: How to Inject Custom CSS Codes

     

    Thanks

  • Profile Image
    zip_borneo
    Answered on March 02, 2013 at 03:48 AM

    Hi

     

    Super Thanks for the help.^-^=

  • Profile Image
    Welvin
    Answered on March 02, 2013 at 09:04 AM

    You are always welcome! Let us know if you need any further assistance. Thanks and have a great weekend.