How to make pagelayout to be responsive on mobile browser?

3 posts, 0 answers
  1. Robin
    Robin avatar
    41 posts
    Member since:
    Sep 2012

    Posted 12 Jun 2014 Link to this post

    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
  2. Robin
    Robin avatar
    41 posts
    Member since:
    Sep 2012

    Posted 13 Jun 2014 in reply to Robin Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 17 Jun 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top