-
FerguslickmoreAsked on February 11, 2021 at 9: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
-
Cecile JotForm SupportReplied 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.
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:
Let us know if you need further assistance.
Thank you.
-
FerguslickmoreReplied 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?
-
Cecile JotForm SupportReplied on February 11, 2021 at 6: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.
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.