You are viewing limited content. For full access, please sign in.

Question

How to change the size of the input cell in a table in Forms

How To

Updated March 22, 2018

asked on March 21, 2018

I am creating a form for our Fire Department to use after a fire. They will be using the mobile app with iPad's. The Rehab Officer will take vitals and input into the Rehab Card form. I was able to make the input fields larger but have not be able to find out what CSS to use to make each input cell larger in a table.

Any help would be appreciated. Thanks!

0 0

Replies

replied on March 21, 2018 • Show version history

One option would be to make the Form itself larger so that you can give the cells space, and then add CSS to make the cells wider, like in the sample below.

Replace the word "Vitals" by your table's class name.

.vitals input{
 
  width: 130px;
  
}

Table.PNG (23.89 KB)

| Download

TableClassName.PNG (15.97 KB)

| Download

Result.PNG (11.44 KB)

| Download

0 0

replied on March 22, 2018

Any ideas on how to make the cells higher? I was able to increase the font size in the cells but not the height.

0 0

You are not allowed to follow up in this post.

Question

Question

How to change the size of the input cell in a table in Forms

Replies

Sign in to reply to this post.