Announcement

Collapse
No announcement yet.

Mobile mode

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Mobile mode

    1. We have a chunk of javascript that we would like to render only if not in mobile mode (only while in full site mode). How do we sense this? Is there a flag to indicate this in header/footer templates?

    2. Looks like the site renders differently for iPad and iPhone. In iPad mode, the screen locks itself from zooming by pinching. Is it possible to enable zooming in iPad mode? iPad has a minimum of 1024x768 resolution and we do not understand this locking mechanism of zoom factor. Why does it need to be locked? Why can't we zoom? On iPad mini, the fonts are too tiny to read and need to be zoomed in. Sites like msn.com do not care and render full-site on iPad and allow to zoom in. iPad should not be considered as a mobile device but rather as a desktop for its resolution. Further, on iPhone, the layout is locked from zooming too but also the pages do not fit the screen - forcing us to scroll - which is also what happens on iPad in portrait mode. Very inconsistent - it should fit the current orientation but it doesn't.
    Last edited by webcms; Wed 19th Feb '14, 7:43pm.

  • #2
    How does the app know it is in mobile mode to render mobile version?

    Nobody?

    Comment


    • #3
      Originally posted by webcms View Post
      How does the app know it is in mobile mode to render mobile version?

      Nobody?
      There is really no separate mobile version of vB5. The software implements "Responsive Design" which adapts the layout based on the screen width. In desktop browser, try to resize the window and you'll see how the page elements adapt or adjust to the available width.

      GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

      Comment


      • #4
        So in other words, it adjusts itself based on the size of the browser window? Can we use the same logic (window size) to render or not render (or at least hide) the javascript? It script rendering I'm trying to hide is ShareThis. When do I hide this?
        Last edited by webcms; Sat 22nd Feb '14, 10:11am.

        Comment


        • #5
          It hides/shows the content via CSS Media queries. We can't use that technique to hide javascript. I'm not sure if ShareThis has an option to only render it on non-mobile browsers, you may want to research on that. If it doesn't have, then you need javascript to check if the client is mobile or not and then add the ShareThis script if not.

          GIPHY for vB5 AutoLinker Auto-Create Flag Report Topic Social Icons in Postbit Clear Cache Cron DragDrop Upload Topic AJAX AutoUpdate Custom Avatars Selector Stop Links in Posts...and more!

          Comment

          Related Topics

          Collapse

          Working...
          X