Web Form Display problem on mobile. Can the form be shown in a single column ?

Like (0) Share

Report

Posted on 12 Jun 2020 14:29:50 by Community Power Pla...

I have a Web Form being displayed on my Portal. When viewed on a mobile device the 2 column form gets pushed together. What i would like is to show a single column when the form is viewed in a mobile device.

I understand that i can use the css attribute @media to achieve this. I used the code below, but it has no effect. Has anybody managed to get this working, or point out what i'm doing wrong.

@media only screen and (min-width:480px) {

.tab-column {

width:100%;

}

I have the same question (0)

Summarized by AI

AI generated content may be incorrect

Did you find this summary helpful?

All responses (2)

Answers (1)

Verified answer

Community Power Pla... on 12 Jun 2020 at 18:53:56

Like (0)

Report

Re: Web Form Display problem on mobile. Can the form be shown in a single column ?

Hi @OOlashyn

That's exactly what i was looking for, thank you very much

Was this reply helpful? Yes No
OOlashyn 3,496 Most Valuable Professional on 12 Jun 2020 at 17:46:06

Like (2)

Report

Re: Web Form Display problem on mobile. Can the form be shown in a single column ?

Hi @Anonymous,

Some time ago I wrote an article about this topic on my blog where I explain how to make form responsive on mobile. It is about entity form, but the same applies to the web form.

Was this reply helpful? Yes No