mall font size on contact form while viewed on a smart phone

Issues related to forms.
Post Reply
JimmyMeatWhistle
 
 
Posts: 20
Joined: Thu Dec 28, 2017 5:31 pm

mall font size on contact form while viewed on a smart phone

Post by JimmyMeatWhistle » Sun Feb 17, 2019 6:45 pm

Hello,

How can you increase the font size within a contact form field (like name and phone number) which is nested in a layout grid. While testing my contact form out on a smart phone, the text that someone would type in is really tiny. I have it set at size 12 Arial in the Styles tab.

Any ideas?

Steve

User avatar
Pablo
 
Posts: 18014
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: mall font size on contact form while viewed on a smart phone

Post by Pablo » Sun Feb 17, 2019 6:56 pm

You can set the fonts of each object in the form individually via the Style properties.

JimmyMeatWhistle
 
 
Posts: 20
Joined: Thu Dec 28, 2017 5:31 pm

Re: mall font size on contact form while viewed on a smart phone

Post by JimmyMeatWhistle » Sun Feb 17, 2019 7:36 pm

Hello Pablo,

Thanks for getting back so soon. I've still got the problem.

I've got them set to 16 points and it's still really small when you enter your name etc. into a smart phone. I've experimented with 10,12, 14 points and now 16 points. There was no change and this "test" form is working.

Steve

User avatar
BaconFries
 
 
Posts: 4667
Joined: Thu Aug 16, 2007 7:32 pm

Re: mall font size on contact form while viewed on a smart phone

Post by BaconFries » Sun Feb 17, 2019 7:57 pm

When setting the size of fonts it is in points so where you have set to 12points (pt) this is equal to 16px (pixels) so it should render fine in mobile devices. A eg for each point used in a font is 10pt x 1.333(3) = 13px
See the following table.
Image

User avatar
Pablo
 
Posts: 18014
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: mall font size on contact form while viewed on a smart phone

Post by Pablo » Sun Feb 17, 2019 9:10 pm

To be able to help you, I need to see what you have done.
Please always include the URL of the page or a link to your project file.

Post Reply