How do I get a bigger font in a mobile app for a long text string stored in a grid?

[abigdreamer]

How do I get a bigger font in a mobile app for a long text string stored in a grid?

[Kateryna Grynko]

Hi Mike,

You can change font size in a Component properties panel. For more settings you can use custom CSS, for example: "font-size" to increase the value.

[abigdreamer]

I'm sorry I can't find it. Its an Input field, not a label. How do I make the font bigger? I found properties. (type attribute, type value) thats what I get in that box, what do I put in there?

[Serhii Kulibaba]

Hello Mike!

Add next CSS to custom CSS:
pre
input[name=mobiletextinput]{
font-size:20px;
}
/pre
where "mobiletextinput" - name of input field

[abigdreamer]

Next CSS to custom CSS? I am lost sorry, where in the program is this?

[Igor]

Hello,

You can create separate CSS file and put this code there.

[abigdreamer]

I made a css file.
input[name=vin_input]{
font-size:20px;
}

I put this code here. It has not changed the input font size.

[Igor]

There are two ways how to increase font:

1. Set "Class Name"=testinput for the input component. Add put next code to CSS file:
   pre
   .testinput{
   font-size:40px!important;
   }
   /pre

2. You can Run JS on Load event for page:
   $("[dsid=mobiletextinput]").css('font-size','300%');

   http://docs.appery.io/documentation/w...