Forum Discussion

jaikumar1's avatar
jaikumar1
Mentor
8 years ago

Mobile view

Hi,


I just need a help, and i'm facing issues like, while accessing the website in mobile, the mobile design not getting rendered, and i'm getting desktop view instead of mobile view.

 

In our community site, we have "View all" link in the "Latest topic" block. The URL is like /t5/forums/recentpostspage/post-type/thread. So when we click the link, respective clicked page is getting changed from mobile view into desktop view.

I recognize that, while access the site in mobile device in footer Version: Full | Mobile is displays. But in my issue page not showing this option in the bottom.

 

Could you please guide me,

1) The respective forums "View all" mobile layout not available, so that it i'm getting the desktop view?
2) If my assumption is correct, then how can we create page layout for this URL type?

 

  • peterlu's avatar
    peterlu
    8 years ago
    jaikumar1 if I remember correctly, for #1, movile v1 does not have a mobile quilt for recent posts page
    for #2 you probably don't want to go down the way of write your own component for the message list. The reason is this component is complicated and you need to consider different url patterns, eg. /board-id/xxx, /post-type/message etc. I remember there are so many combination of them. Using css/javascript to make the workaround may be easier.

6 Replies

Sort By
  • peterlu's avatar
    peterlu
    Champion
    8 years ago
    jaikumar1 /t5/forums/recentpostspage/post-type/thread this recent post page is a lithium built-in page. Based on what you have described, it looks like you are using mobile v1 version of the community. mobile v1 does not support responsive for that recent post page. To solve it, it is better to upgrade your community to PEAK skin. Mobile v1 and v2 is considered not modern any more. BTW, the quilt or layout(in your term) of that page is called "Recent Posts Page". The out-of-box message list component is using <table>, I do not recommend rewriting that component. Maybe some CSS can help to style that table to make it responsive (this means you do not have plan to upgrade to PEAK yet).
  • jaikumar1's avatar
    jaikumar1
    Mentor
    8 years ago

    Hi peterlu,

     

    Thank you for the information which you have shared. I'm having few doubts,

    1) As per my understanding mobile V1 providing 2 different layout for desktop and mobile. Based on the device the site get loading respective mobile or desktop pages. Because except this forum list page other pages are displaying based on the device.

    2) If suppose to rewrite the component again, then guide me where i can get this existing component to rewrite it for mobile device?

     

  • peterlu's avatar
    peterlu
    Champion
    8 years ago
    jaikumar1 if I remember correctly, for #1, movile v1 does not have a mobile quilt for recent posts page
    for #2 you probably don't want to go down the way of write your own component for the message list. The reason is this component is complicated and you need to consider different url patterns, eg. /board-id/xxx, /post-type/message etc. I remember there are so many combination of them. Using css/javascript to make the workaround may be easier.
  • jaikumar1's avatar
    jaikumar1
    Mentor
    8 years ago

    Hi peterlu,

     

    Could you please suggest, If we need to upgrade into PEAK skin then, what we need to follow? I just thinking that PEAK skin upgrade may get affect the existing layout and components? or it get accomodate automatically?

  • peterlu's avatar
    peterlu
    Champion
    8 years ago

    jaikumar1
    From one of your post below, I guess your community is O2 community?
    https://community.lithium.com/t5/Developer-Discussion/Mobile-Tabs/m-p/320903#M12482

    If so, the community is already responsive on the desktop mode and using mobile v1 as well. There is a setting in ADMIN control panel to turn off Mobile V1. This way the desktop responsive will work in mobile. But If you are not on PEAK, some Lithium built-in pages will not work responsively (unless you have gone down the road to fix them to be responsive, this typically happened before PEAK came out. We have done this before, and it is a lot of efforts. Not recommended.). To convert a already desktop responsive community to full PEAK responsive, it will be easier. And it is recommended to have PEAK. Since now PEAK has been out for more than a year, and is stable (current version 17.8) and PEAK has all built-in pages responsive out-of-box, what you really need to do is to make sure your main pages (eg. forum, blog etc) works under PEAK. And based on our experience, if exisiting custom components are already working responsively, they should work on PEAK. It is just the message quilts which need some tweak. Some communities already convert their responsive communities onto PEAK, and no trouble.

    And sorry about the long history info, in a simple sentence, if you do need a good mobile experience, you do need PEAK.

  • jaikumar1's avatar
    jaikumar1
    Mentor
    8 years ago

    Hi peterlu,

     

    Thank you so much for your wonderful explanation. It is very useful to me, and i will checkout the option which you have mentioned.