You are not logged in.

HansNyb

Professional

  • "HansNyb" started this thread

Posts: 1,006

Location: Denmark

Occupation: Photographer

  • Send private message

1

Sunday, April 5th 2020, 2:37pm

KRpano1.20 ZOOMED in

I just updated my large museum tour and it destroyed my interface completely on IPhone.

Krpano 1.19.14 http://www.360-foto.dk/nationalhistorisk-museum/index.html

KRpano 1.20.5 http://www.360-foto.dk/nationalhistorisk-museum/index20.html
HansNyb has attached the following image:
  • krpano20.jpg

This post has been edited 1 times, last edit by "HansNyb" (Apr 5th 2020, 2:49pm)


HansNyb

Professional

  • "HansNyb" started this thread

Posts: 1,006

Location: Denmark

Occupation: Photographer

  • Send private message

2

Sunday, April 5th 2020, 3:53pm

I have checked the html fies generated by 1,19 and 1.20 and there is a difference.
This is 1.19 and thats also the one I have used for a long time. And I have not of course updated that but only the actual viewer files.
And my skin xml has of couse not been changed.

<style> @-ms-viewport { width:device-width; }
@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
</style>

And 1.20
<style>
html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
</style>

HansNyb

Professional

  • "HansNyb" started this thread

Posts: 1,006

Location: Denmark

Occupation: Photographer

  • Send private message

3

Sunday, April 5th 2020, 4:38pm

Have tested the new Style but it does not make any difference.

Tuur

Sage

Posts: 3,323

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

HansNyb

Professional

  • "HansNyb" started this thread

Posts: 1,006

Location: Denmark

Occupation: Photographer

  • Send private message

5

Sunday, April 5th 2020, 5:54pm



The scale has alway been 1.0 and still is in the html generated by Krpano.

If the viewer has changed this it is a bug.

HansNyb

Professional

  • "HansNyb" started this thread

Posts: 1,006

Location: Denmark

Occupation: Photographer

  • Send private message

6

Sunday, April 5th 2020, 6:20pm

Tuur


I updated one of my newer tours. Made in 2019 using the 1.19. tool for the basics.

Same thing.
Do you have an Android mobile to check it.?
http://360-foto.dk/audiens-hos-christianV/
HansNyb has attached the following image:
  • KRpano-bug.jpg

HansNyb

Professional

  • "HansNyb" started this thread

Posts: 1,006

Location: Denmark

Occupation: Photographer

  • Send private message

7

Sunday, April 5th 2020, 9:51pm

I have updated the html of the mobilescale:1.0 to 0.5 and it is now correct.

The initialscale also changes the scale on iPad and should still be 1.0

But why is this not mentioned anywhere in the documentation and why is the Tools geenerating html with mobilescale:1.0

<!DOCTYPE html>
<html>
<head>
<title>krpano - 02</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<style>
@-ms-viewport { width:device-width; }
@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
</style>
</head>
<body>

<script src="tour.js"></script>

<div id="pano" style="width:100%;height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script>
embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", html5:"auto", mobilescale:1.0, passQueryParameters:true});
</script>
</div>

</body>
</html>

This post has been edited 2 times, last edit by "HansNyb" (Apr 5th 2020, 10:51pm)


8

Thursday, April 9th 2020, 12:20pm

Hi,

But why is this not mentioned anywhere in the documentation and why is the Tools geenerating html with mobilescale:1.0

It is documented in the release notes of version 1.20:
https://krpano.com/docu/releasenotes/#embedpano

Quoted

Change: The mobilescale setting is 1.0 by default now.


The change to 1.0 in the default html template is already much longer ago and was done with a kind of transition phase, first an automatic scale-change in the vtourskin.xml, then updated values in html templates files and finally the change of the default mobilescale setting.

The reason for that default scale to 1.0 is that responsive layouts make more sense today and the krpano default skins are adjusted for that. Additionally this way other web-content on the page and krpano are using the same scaling.


The initialscale also changes the scale on iPad and should still be 1.0
Don't change the viewport settings like initialscale, they are related to how mobile browsers renders and scales the page. For krpano layout scaling only use mobilescale or the stagescale settings.

Best regards,
Klaus