Make order history popup responsive for mobile

WPPizza – A Restaurant Plugin for WordPress › Support › General Support › Make order history popup responsive for mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • 2 December, 2015 at 5:16 pm #14298
    xiang
    Participant

      Hi Olly,

      My clients want to use mobile phone or tablet to monitor the order history page in their restaurants. But when they click the order, the popup shows in the full page, cannot scroll down or left/right. Any ideas for this request for Mobile users to monitor the order history page?

      I click “Inspect element” and found the below html

      <div id=”TB_window” style=”margin-left: -305px; width: 610px; margin-top: -280px; visibility: visible;”>

      My tried to add CSS to change the size of TB_window to suit for mobile, but it doesn’t work. Could you give me some other solutions? Many thanks.

      Best Regards,
      Xiang

      2 December, 2015 at 5:45 pm #14301
      Olly
      Admin & Mod

        the wordpress inbuilt thickbox library/js (which the popup uses) is not responsive (unfortunately) and is currently set to width=580, height=520 which should fit onto pretty much any “normal” computer screen

        of course, many mobile devices are smaller,
        so, you could probably write some javascript that dynamically resizes things and also adds an overflow:auto on an element or some such

        along these lines i guess
        http://stackoverflow.com/questions/6699344/change-thickbox-popup-size-dynamically

        alternatively, hitting the “print” button might work as it opens a completely new window (depends on device how exactly this will pan out though)

        2 December, 2015 at 5:50 pm #14302
        Olly
        Admin & Mod

          PS: that whole order screen could somewhat be refined for mobile devices anyway.
          that said, that would be just some css declarations you could do yourself until i get round to it.

          if you do (and even if you dont), you’ll find that – if you do not tap/”click” on the order, you can just scroll up and down there anyway

          2 December, 2015 at 9:23 pm #14308
          xiang
          Participant

            Thanks very much Olly!

          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)
          • The topic ‘Make order history popup responsive for mobile’ is closed to new replies.