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

Question

Question

Display a single line field ON_A_SINGLE_LINE in mobile

Forms Mobile
Updated December 24, 2017
asked on December 18, 2017

How do you get a single line filed to display on a single line in mobile?  I can't seem to get it to work on my iPhone 7.  I also tested it on a Motorola Android.  The input box is always under the label.  What I really want it to do is to display this on a single line:

Contact Resistance Tests  @ 100 ADC

Where the 100 is an input field, followed by the ADC which is static.  And, ideally, I would like to underline the entire thing.

Thanks in advance for any help!

0 0

Replies

replied on December 18, 2017

Hi Alon,

If you have responsive layout enabled on form settings, the input box would show on second line under label when form width is small.

You can turn it off if you don't need it:

0 0
replied on December 22, 2017

Thanks Rui!  Is there a way to do this without turning off the responsive layout?

0 0
replied on December 24, 2017

You can try adding custom CSS to overwrite lf-responsive class like this:

@media screen and (max-width:640px), handheld and (max-width:640px), tv and (max-width:640px), projection and (max-width:640px) {
.lf-responsive .cf-field, .lf-responsive .cf-small, .lf-responsive .cf-medium, .lf-responsive .cf-large, .lf-responsive .cf-xlarge  { width: auto !important; }
.lf-responsive .label-left .cf-label,
.lf-responsive .label-right .cf-label
{ width: auto !important; }
}

 

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...