Time field position and change color of text

  • Profile Image
    Ferguslickmore
    Asked on February 11, 2021 at 09:58 AM

    Hello,

    In my form PRN I have two hopefully small issues. When I preview the form on mobile the time field is broken into two lines. I would prefer one.

    Also In my drop-down field, I would like to change the text of "other" to white.

    Thanks for your time.,

    Blair

  • Profile Image
    Cecile_A
    Answered on February 11, 2021 at 11:22 AM

    Hi Blair,

    When I preview the form on mobile the time field is broken into two lines. I would prefer one.

    I cloned your form and opened it using my mobile device. As what you can see in the screenshot below, the time field is in one line.

    1613060312_602558d874f56_

    Also In my drop-down field, I would like to change the text of "other" to white.

    I assume that you want to change the color of "other" to white.

    I did not find Other option in your Dropdown field but it's in your Multiple Choice field.

    To change the text and its placeholder's color, kindly inject the custom CSS code below.

    #input_22{

     color: white !important;

    }


    ::placeholder {

     color: white;

     opacity: 1; /* Firefox */

    }


    :-ms-input-placeholder { /* Internet Explorer 10-11 */

     color: white;

    }


    ::-ms-input-placeholder { /* Microsoft Edge */

     color: white;

    }

    Guide: How-to-inject-custom-css-codes

    Result:

    1613059945_60255769eca8f_14.png

    Let us know if you need further assistance.

    Thank you.

  • Profile Image
    Ferguslickmore
    Answered on February 11, 2021 at 12:38 PM

    Thank you Cecile the CSS worked great. With respect to the date time it looks as though your device may be wider? Below is what I see when previewed in designer?1613064901_60256ac5b2089_DateTime.jpg

  • Profile Image
    Cecile_A
    Answered on February 11, 2021 at 06:06 PM

    It looks like my reply was not reflected on the thread though sent via email. Allow me to resend it.

    Hello there,

    Apologies for the delay.

    Sometimes the preview of the form and the form in the actual device can look different.

    Below is how the form looks using iPhone 4s. Iphone 4s has a screen resolution of 640x960 pixels.

    1613084100_6025b5c47a1da_21.png

    If you encounter any device that shows the form like how the mobile preview mode shows it, kindly tell us what particular device it is so that we could provide you a workaround or a custom CSS code.

    Should you have any other concerns, kindly let us know.

    Thank you.