Date field in my form is very small in mobile view

  • AlperCayhan
    Asked on September 15, 2017 at 7: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.

    Date field in my form is very small in mobile view Image 1 Screenshot 20

  • David JotForm Support
    Replied 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

     

  • AlperCayhan
    Replied 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.

  • David JotForm Support
    Replied 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.

  • AlperCayhan
    Replied on September 17, 2017 at 4:08 AM

    Thanks, I'll wait for that.

  • liyam
    Replied on September 17, 2017 at 6: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;
    }

    Date field in my form is very small in mobile view Image 1 Screenshot 20

     

    - 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? 

  • AlperCayhan
    Replied on September 17, 2017 at 7:14 AM

    Hi Liyam,

    Thanks, the first problem is solved now.

    About my second question:

    Yes. The dropdown now only counts the amount (price) of the first checkbox. I would like to move the dropdown to the bottom of the 6 checkboxes, so that it counts the total (amount) of the checkboxes. For example:

    If all checkboxes are selected, and the dropdown is set on "2", it has to count the total price: 2 x 15.00 EUR, 2 x 5.00 EUR, 2 x 5.00 EUR, 2 x 1.00 EUR, 2 x 1.00 EUR, 2 x 1.00 EUR = 56.00 EUR.

    Is that possible?

  • Mike
    Replied 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