Year on date field is cut off on mobile phone

  • Profile Image
    JasonMarsh
    Asked on February 07, 2015 at 11:23 AM

    Hi,

    When viewing the form using a phone the year does not fully show.

    How can I fix pls?

    Screenshot attached.

    Cheers

    Jason

  • Profile Image
    bkljaic
    Answered on February 07, 2015 at 01:20 PM

    Hi Jason,

    You can fix this problem with using custom CSS. 

    Inside of builder:

    1. Go to Setup & Embed 

    2. Then click on Preferences 

    3. Go to tab Form Styles

    4. Inside field Inject Custom CSS insert this code

    #year_9{

    min-width:45px;

    }

    #input_9_pick{

    padding-left:8px;

    }

    Here is the result I got:

    Hope this will help.

  • Profile Image
    KadeJM
    Answered on February 07, 2015 at 03:04 PM

    As "bkljaic" has mentioned here it is easily possible to fix the issue with your year not fully showing on your date field with the above example of injected css.

    Additionally, I have tried and tested it on my iPhone 6 and it displays the year perfectly.