No responsiveness of content in website box on mobile  

This forum is fully dedicated to Panotour / Panotour Pro bug reports as well as feature discussion.
no avatar
Redmar
Member
 
Topic author
Posts: 45
Likes: 0 post
Liked in: 2 posts
Joined: Mon Aug 12, 2013 11:24 am
Info

No responsiveness of content in website box on mobile

by Redmar » Mon Feb 15, 2016 6:34 pm

Hi,

We use website boxes inside our tours. The website box and responsive content scale perfectly on a desktop browser. On mobile devices the content of the website box doesn't scale.

I've set up a test tour:
http://fotofotofoto.nl/responsive_website_boxes/

Direct link to the hotspot content loaded inside the website box which scales correctly on mobile devices:
http://fotofotofoto.nl/html/responsive_code/

I've attached some screenshots from the tour and the advanced settings of the website box.
Hope someone can help us find a solution!

Full width (max 600px) website box, correct scaling:
desktop-full-width.png
Desktop full width website box


Scaled website box on a desktop, correct scaling:
desktop-scaled.png
Desktop scaled


Wrong / no scaling of the website box content (mobile / Iphone, etc):
iphone.png
Iphone


Advanced settings of the website box:
website_box_settings.jpg
Advanced settings

nicgac likes this post.

no avatar
Destiny
Moderator
 
Posts: 7886
Likes: 6 posts
Liked in: 228 posts
Joined: Mon Apr 26, 2010 11:55 pm
Info

Re: No responsiveness of content in website box on mobile

by Destiny » Tue Feb 23, 2016 10:37 pm

Hi.. Your setting for mobile devices is set to 1100 X 800.. Try making this smaller.. Your Desktop is set to 600 X 800.. You could try making them the same.. See if that makes difference..

Destiny..

no avatar
Redmar
Member
 
Topic author
Posts: 45
Likes: 0 post
Liked in: 2 posts
Joined: Mon Aug 12, 2013 11:24 am
Info

Re: No responsiveness of content in website box on mobile

by Redmar » Wed Feb 24, 2016 6:07 pm

Hi,

I've uploaded a new version; both settings are now 600x800. The problem is still the same; it seems that every setting above 300px causes problems on mobile devices. If I set it on max width of 300px the view on a mobile device is good but it looks bad on an ipad (very small pop-up) ;)

http://fotofotofoto.nl/responsive_website_boxes_v2/

Hoping for a solution; would it be possible to create a new plugin for this so it can be solved?

no avatar
Marmolada Production
New member
 
Posts: 3
Likes: 0 post
Liked in: 0 post
Joined: Thu Feb 25, 2016 1:05 am
Info

Re: No responsiveness of content in website box on mobile

by Marmolada Production » Thu Feb 25, 2016 1:12 am

I've got the same problem... I create a specific html that open on website box but on mobile responsive's not working. I've also noticed that if I change the "max scrollable for mobile/tablet devices" does not affect on mobile (I tried on Android only, it seems like does not reconize mobile devices)

no avatar
Destiny
Moderator
 
Posts: 7886
Likes: 6 posts
Liked in: 228 posts
Joined: Mon Apr 26, 2010 11:55 pm
Info

Re: No responsiveness of content in website box on mobile

by Destiny » Thu Feb 25, 2016 8:29 am

Hi.. Could you please send me a link to the Website Box content.. I think the issue is the code in that html...

Destiny...

no avatar
Destiny
Moderator
 
Posts: 7886
Likes: 6 posts
Liked in: 228 posts
Joined: Mon Apr 26, 2010 11:55 pm
Info

Re: No responsiveness of content in website box on mobile

by Destiny » Thu Feb 25, 2016 10:46 am

Hi.. I carried out some test... I made a test pano with an image.. There seems to be nothing wrong with PTP, however Firefox has some real issues with the hotspot being totally unresponsive.. I am sure its the way you have added your image into the html page.. Test this on your mobile..

http://www.destinyvirtualtours.com/imag ... obile.html

If out works then try editing your html to something like this below... I think I have it right.. But you might have to tinker with it... or Kolor might have other ideas..

Destiny...

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport">

<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
}
img.test {
width: 100%;
height: auto;
}
</style>
</head>
<body width = "device-width">
<img class="test" src="image2.jpg">
</body>

no avatar
Redmar
Member
 
Topic author
Posts: 45
Likes: 0 post
Liked in: 2 posts
Joined: Mon Aug 12, 2013 11:24 am
Info

Re: No responsiveness of content in website box on mobile

by Redmar » Thu Feb 25, 2016 11:56 am

Hi,

Thanks for helping out. Unfortunately I'm pretty sure that the problem lies with Kolor and not with the HTML code. I've tested your example on several devices and on all of them the image doesn't scale. The difference is hard to spot since you used an image with the size of 600*800 and modern phones can display this without resizing.

Just to be sure I've created a new version with your HTML code and my image (1600x1067px):
http://fotofotofoto.nl/responsive_website_boxes_v3/
As you can see the image isn't responsive here as well.

I think a website box should be able to serve content responsively and I'm hoping for a Kolor response on this subject.

Screenshot of Destiny's example on a simulated Iphone 4:
iphone_4.png


Screenshot of Destiny's example on a simulated Iphone 6 plus:
iphone_6s_plus.png

no avatar
Marmolada Production
New member
 
Posts: 3
Likes: 0 post
Liked in: 0 post
Joined: Thu Feb 25, 2016 1:05 am
Info

Re: No responsiveness of content in website box on mobile

by Marmolada Production » Thu Feb 25, 2016 12:06 pm

If you'd like to have a look to mine too: http://www.santa-croce.it/virtualtour.html (the box are on the "i" hotspot)

This is one html, I've created it with dreamviewer using a responsive template: http://www.santa-croce.it/santa_croce_v ... olada.html

no avatar
Redmar
Member
 
Topic author
Posts: 45
Likes: 0 post
Liked in: 2 posts
Joined: Mon Aug 12, 2013 11:24 am
Info

Re: No responsiveness of content in website box on mobile

by Redmar » Thu Feb 25, 2016 12:54 pm

Hi,

Same problem:

Iphone 4:
marmolada.png


Desktop scales good.

no avatar
Marmolada Production
New member
 
Posts: 3
Likes: 0 post
Liked in: 0 post
Joined: Thu Feb 25, 2016 1:05 am
Info

Re: No responsiveness of content in website box on mobile

by Marmolada Production » Thu Feb 25, 2016 1:59 pm

What mobile emulation do you use?

I searched on Internet but found nothing really appreciable..

no avatar
Redmar
Member
 
Topic author
Posts: 45
Likes: 0 post
Liked in: 2 posts
Joined: Mon Aug 12, 2013 11:24 am
Info

Re: No responsiveness of content in website box on mobile

by Redmar » Thu Feb 25, 2016 2:02 pm

Just use the developer tools in Chrome and click on the phone icon (bottom left)
https://developer.chrome.com/devtools

no avatar
Redmar
Member
 
Topic author
Posts: 45
Likes: 0 post
Liked in: 2 posts
Joined: Mon Aug 12, 2013 11:24 am
Info

Re: No responsiveness of content in website box on mobile

by Redmar » Fri Feb 26, 2016 11:34 am

I'll be out of the country / office for two weeks so I won't be able to perform additional tests. I hope someone from Kolor will come with an official response since we would like to give our clients a solution.

no avatar
benji33
Kolor Team
 
Posts: 5848
Likes: 92 posts
Liked in: 199 posts
Joined: Tue Apr 09, 2013 10:59 am
Location: France
Info

Re: No responsiveness of content in website box on mobile

by benji33 » Fri Feb 26, 2016 4:52 pm

Try to reduce the max scrollable width value for mobile/tablet (by default it's 1100 pixels which is too large for a mobile screen)
There is only one setting for all mobile/tablet device. So try it into portrait mode rather than landscape.
Benjamin

no avatar
Redmar
Member
 
Topic author
Posts: 45
Likes: 0 post
Liked in: 2 posts
Joined: Mon Aug 12, 2013 11:24 am
Info

Re: No responsiveness of content in website box on mobile

by Redmar » Sat Feb 27, 2016 3:21 am

Hi,

This is not an option; the only resolution that works on all phones is a maximum width of about 250 px; this looks very bad on a tablet. Furthermore; the box itselve is responsive on a mobile device; somehow the content doesn't scale. It really looks like there is a problem with the code output of Panotour website boxes.

250px.png
250px.png (11.41 KiB) Viewed 9711 times


Link to the new tour; mobile maximum width 250px:
http://fotofotofoto.nl/responsive_website_boxes_v4/

Maximum width 250px Iphone 4, looks OK
iphone4_250px.png


Maximum width 250px Ipad, looks bad:(
ipad_250px_popup.png


From now on I won't be able to upload new tours for 2 weeks since I'm out of the country. Hope there wille be a permanent solution and if not; we're looking for someone who can develop a custom plugin to solve this problem.

no avatar
benji33
Kolor Team
 
Posts: 5848
Likes: 92 posts
Liked in: 199 posts
Joined: Tue Apr 09, 2013 10:59 am
Location: France
Info

Re: No responsiveness of content in website box on mobile

by benji33 » Tue Mar 01, 2016 2:25 pm

This issue is linked to the iframe usage which is not able to grab the iframe size into mobile device. So it's not possible to get the iframe content display size and the size must be set manually to be able to scroll document.
I know it's a huge limitation.
We'll try to do better later.
Benjamin

no avatar
Destiny
Moderator
 
Posts: 7886
Likes: 6 posts
Liked in: 228 posts
Joined: Mon Apr 26, 2010 11:55 pm
Info

Re: No responsiveness of content in website box on mobile

by Destiny » Tue Mar 01, 2016 9:27 pm

:rolleyes:

Destiny...

no avatar
Jeremiahscott
Member
 
Posts: 93
Likes: 7 posts
Liked in: 1 post
Joined: Fri Apr 05, 2013 4:07 am
Location: Washington
Info

Re: No responsiveness of content in website box on mobile

by Jeremiahscott » Thu Mar 03, 2016 4:19 am

please keep us posted on this fix! this is a biggy! I'm also having a lot of issues with the tours on mobile. I have lost several clients who pull up the tours on mobile but due to the loss of responsive design on their phones the content quality gets lost in the translation.

no avatar
Xander Berkenhagen
Member
 
Posts: 245
Likes: 5 posts
Liked in: 8 posts
Joined: Tue Oct 01, 2013 12:54 am
Info

Re: No responsiveness of content in website box on mobile

by Xander Berkenhagen » Sat Mar 12, 2016 12:45 am

Anything new on this?

no avatar
micheleborghesi
New member
 
Posts: 3
Likes: 0 post
Liked in: 0 post
Joined: Tue Mar 29, 2016 10:03 am
Info

Re: No responsiveness of content in website box on mobile

by micheleborghesi » Thu Mar 31, 2016 8:51 am

I have the same problem. I opened a new thread by mistake: http://www.kolor.com/forum/viewtopic.php?f=92&t=31099&p=180932#p180932

Did anybody found a workaroud?

Thanks

Michele

no avatar
nicgac
New member
 
Posts: 9
Likes: 3 posts
Liked in: 1 post
Joined: Sat Apr 02, 2016 10:03 pm
Info

Re: No responsiveness of content in website box on mobile

by nicgac » Thu May 05, 2016 1:32 pm

Resolved (on my side)

no avatar
suti1984
New member
 
Posts: 2
Likes: 0 post
Liked in: 0 post
Joined: Mon May 30, 2016 11:32 am
Info

Re: No responsiveness of content in website box on mobile

by suti1984 » Mon May 30, 2016 12:04 pm

I can generally create such InfoIcon with popup ? I can not find the function

no avatar
Redmar
Member
 
Topic author
Posts: 45
Likes: 0 post
Liked in: 2 posts
Joined: Mon Aug 12, 2013 11:24 am
Info

Re: No responsiveness of content in website box on mobile

by Redmar » Tue May 31, 2016 9:44 am

nicgac wrote:Resolved (on my side)


Hi,
Could you let us know how you solved this issue? We're still hoping for Kolor to pick this up!

no avatar
justinmih
Member
 
Posts: 37
Likes: 2 posts
Liked in: 3 posts
Joined: Mon Sep 14, 2015 1:24 pm
Info

Re: No responsiveness of content in website box on mobile

by justinmih » Thu Jun 02, 2016 11:55 pm

Hi

I have previously raised a similar responsive issue (see topic viewtopic.php?f=92&t=31154) and was told that plugins are not responsive. On things like logo there is an option to change the scale from pixels to percentage and this means that the logo remains the same percentage size of the given screen so gives the impression that it's responsive. Perhaps if the web box had the option of percentage (and all plugins) then this may be a quick fix for something that is clearly causing issues for a number of us.

no avatar
FunkyPunky
Member
 
Posts: 227
Likes: 10 posts
Liked in: 4 posts
Joined: Sat Jan 25, 2014 11:50 pm
Info

Re: No responsiveness of content in website box on mobile

by FunkyPunky » Sat Jun 04, 2016 9:45 am

Same issue here. Kolor please solve it!

User avatar
signmaster
Member
 
Posts: 289
Likes: 52 posts
Liked in: 36 posts
Joined: Thu Aug 21, 2008 1:55 pm
Location: Swan Hill, Australia
Info

Re: No responsiveness of content in website box on mobile

by signmaster » Mon Jun 06, 2016 1:46 pm

Any idea when this will be solved? working on a big project that needs responsive website boxes.

Next

Who is online

Users browsing this forum: No registered users and 1 guest

cron