How to make pagelayout to be responsive on mobile browser?

[Robin]

Hello, 

This is my first usage of PageLayout control.

I used the provided codes from this page: http://www.telerik.com/help/aspnet-ajax/page-layout-responsive-design-overview.html and run my website from my computer. It display correctly and when I resize the browser window it works well (e.g. 3 blocks from 2nd row changed to 1).

[IMG]http://i58.tinypic.com/2w4wtia.png[/IMG]

But when I publish this site to web server and when I browse it through my phone, it did not responsive as there is still 3 blocks in 2nd row.

[IMG]http://i60.tinypic.com/i25bvc.png[/IMG]

What did I miss? Is there any code that I need to tell PageLayoutControl that this is PC, this is Phone, etc.. ?

Thanks in advanced,
Robin

[Robin]

I added viewport meta tag to my master page header section and it is working now.

btw... isn't there a way to edit my post on Forum or preview the look before posting it? Previously, I put wrong url for my screen shots and I cannot preview the post. And after posting, I cannot modify it.

Thanks
Robin

[Ivan Zhekov]

Hello.

Indeed you need the viewport meta tag, otherwise the browser will not know how to treat the page and will scale the page so it fits on the screen.

I checked with our documentation and I saw we are missing this piece and we'll add it.

On your other inquiry -- previewing and editing forum posts -- I forwarded it to the dev team that owns the forum part and I will write back when I have more information.

Regards,
Ivan Zhekov
Telerik