Date field in my form is very small in mobile view

  • Profile Image
    AlperCayhan
    Asked on September 15, 2017 at 07:23 AM

    - On my website: http://www.touwenblok.com/reserveren the date field is not visible 100% when opened on a mobile phone. Please help.

    - Can you please change the fonts of the "I accept the terms" field? I would like to have the same fonts as the other fields.

    - Is it possible that the "aantal dagen" field counts the total amount of all product options? At this moment that field does only count the first product option.

  • Profile Image
    david
    Answered on September 15, 2017 at 11:27 AM

    Adding the following code to your form should resolve the width issue on mobile:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    @media screen and (min-width: 10px) and (max-width: 480px){
        #lite_mode_25 {
            width : 130px !important;
        }
        #input_25_pick {
          margin-left : 90px;
        }

    }

    Here is my test copy of the form to show how it would look with the code added:

    https://form.jotformpro.com/72575060452959

     

  • Profile Image
    AlperCayhan
    Answered on September 15, 2017 at 11:33 AM

    Yes, that problem has been solved! Thanks David!

    Can you also answer my other 2 questions please? Thanks a lot.

  • Profile Image
    david
    Answered on September 15, 2017 at 12:39 PM

    We address tickets in the order received.  We will address your other tickets as soon as we can.

  • Profile Image
    AlperCayhan
    Answered on September 17, 2017 at 04:08 AM

    Thanks, I'll wait for that.

  • Profile Image
    liyam
    Answered on September 17, 2017 at 06:54 AM

    - Can you please change the fonts of the "I accept the terms" field? I would like to have the same fonts as the other fields.

    Please add this CSS code into your form's widget's Custom CSS tab:

    @import url(https://fonts.googleapis.com/css?family=Archivo+Narrow);
    body {

       font-family: 'Archivo Narrow' !important;
       font-size: 14pt;
    }

     

    - Is it possible that the "aantal dagen" field counts the total amount of all product options? At this moment that field does only count the first product option.

    On this question, I am not sure I am understanding this. Do you mean to say that for the count that you set on your dropdown, you would like it to be multiplied by the selected checkboxes below it? 

  • Profile Image
    Mike
    Answered on September 17, 2017 at 11:10 AM

    Unfortunately, this is not possible to connect different products with each other.

    This may be only possible if you perform the calculations using regular form fields, and then pass the calculated value to the payment field.

    1) Setup the calculations.

    How to Perform Form Calculation Using a Widget

    2) Pass the calculated value to the payment field.

    How to Pass a Calculation to a Payment Field