Answered

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

(0) Share

Report

Posted on 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%;

}

All responses (2)

Answers (1)

Verified answer

Community Power Pla... on at

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
OOlashyn 3,496 Most Valuable Professional on at

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.

Community site session details

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

Helpful resources

News and Announcements

Quick Links

Paul Stork – Community Spotlight

Congratulations to the June Top 10 Community Leaders!

Announcing the Engage with the Community forum!

Leaderboard > Power Pages

Featured topics

Product updates

Community site session details

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

Helpful resources

News and Announcements

Quick Links

Paul Stork – Community Spotlight

Congratulations to the June Top 10 Community Leaders!

Announcing the Engage with the Community forum!

Subscribe to this forum!

Select categories

Leaderboard > Power Pages

Featured topics

Product updates