KeyShotXR Responsiveness Problem on Websites

Started by rolanddeschain, July 11, 2018, 06:06:14 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

rolanddeschain

I am going to replace my designs as KeyshotXR, but I have a problem. As you can see in the link, my XR files is not responsive. Both web browsers on pc (chrome,opera etc.) and on phones have this issue.On the other hand, KeyShot's own samples, I mean samples on https://www.keyshot.com/xr/, is responsive  :( :(

https://ahmetvarlik.github.io/zifir14/zifir14.html (This is just a sample)

Also I am using this code which is given by Keyshot7 instructions:

<div style="max-width: 800px; max-height: 573px;">
  <div style="left: 0px; width: 100%; height: 0px; position: relative; padding-bottom: 71.625%; overflow: hidden;">
    <iframe src="https://ahmetvarlik.github.io/zifir14/zifir14.html"
                 allowfullscreen
                 style="position: absolute; top: 0px; left: 0px; height: 100%; width: 1px; min-width: 100%; *width: 100%;"
                 frameborder="0"
                 scrolling="no">
    </iframe>
  </div>
</div>

Can anyone help?

mattjgerard

I just clicked on the link and it is being responsive for me. IT took about 15 seconds for the XR to load completely. Other than the rotation axis being off a little, which might be on purpose, seems to be working. I'm on the latest version of Chrome on a PC.

TGS808

It works for me too. I tried it in Safari, Chrome and Firefox on Mac. For good measure I also tried it on my iPhone and it works there too.

rolanddeschain

Thank you for interests  :) But I could not explain it very well, sorry. Here is the screenshots. Being responsive means that it should fit every screen size. By the way, sample XR is just for demo. I just clicked next, next and render^^

rolanddeschain

#4
I found the problem. Somehow, my .html file has changed this code var downScaleToBrowser = true; to var downScaleToBrowser = false;. I don't know why this happened to my newer XR files.
Anyway, problem solved  ;D ;D

TGS808

Quote from: rolanddeschain on July 12, 2018, 01:16:19 PM
Thank you for interests  :) But I could not explain it very well, sorry. Here is the screenshots. Being responsive means that it should fit every screen size. By the way, sample XR is just for demo. I just clicked next, next and render^^

Yes, in web design, being "responsive" means the design is set up to scale itself to fit to whichever platform it is being viewed on. Both Matt and I read your issue as your XR was not "responding" to your touch. Glad you got it fixed. Also, nice to know what to look for if it happens to me.  :D