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

Question

Question

Mobile friendly form

asked on January 26, 2017 Show version history

Hello all,

 

Is there a way to make the forms mobile friendly as per the display.

Like for a example, in the last form we did, we have 3 #q's, with display inline block and width 33%. On windows browser the form displays the divs side by side label-field simultaneously, but on the lf mobile app, the display becomes very ugly, with no styling compatible with the mobile. 

Is there a way, or script or function that transform the styling between browsing on windows and browsing on mobile app ??

 

Thank you

Maher 

 

 

0 0

Replies

replied on January 26, 2017

That is a result of displaying the field side-by-side. By doing that you are taking away the "responsive" nature that comes default with Forms.

2 0
replied on January 26, 2017

Hello blake,

Thank you for the reply.

So i understand from what you said, that if i leave the form without any css styling, the page will be mobile responsive ?

 

1 0
replied on January 26, 2017

You can use CSS styling, it's the display inline block that is causing the issue.

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

Sign in to reply to this post.