Helping You Connect the Dots to Succeed Faster
WGAN-TV: Now Playing
Next on WGAN-TV Live at 5
Free WGAN Map
Locations of Matterport Pro3 Camera Service Providers and see the number of Matterport Pro3s and/or BLK360s for each Matterport Pro.
View WGAN Map
Contact Info
Locations of Matterport Pro3 Camera Service Providers and see name, company, website, email and mobile phone for each Matterport Pro.
Join WGAN Sponsor
Get on the Map | A Service of We Get Around Network (not affiliated with Matterport)
One Order  |  One Quote  |  One Contact
Book Multiple GLOBAL Commercial Locations
  • ✔  As-Builts
  • ✔  Construction Progress
  • ✔  Facilities Management
Last 24 Hours: 713 Unique Visitors
9,032 WGAN Members in 148 Countries
Last 30 Days: 38,564 Page Views | 18,538 Unique Visitors | 37 New Members
We Get Around Network Forum
Quick Start | WGAN Forum
WP3D Models

How to adjust Height & Width for WP3D embed4260

Scannen private msg quote post Address this user
Hello there,

Can anyone tell me how to adjust the Height and Width for the JS embedded code of a WP3D model. My client posted it on his website but the bottom of the fullscreen view goes beyond the user screen which hides all the 3D Model buttons. The user has to scroll down in order to see them. Is there any way to do this with the JS embedded code?
Post 1 IP   flag post
Missoula, MT
rpetersn private msg quote post Address this user
Hi @Scannen - can you share a link? Or can you PM the link to me?

Typically the WP3D Models JS embed code is the best option for embedding on client sites because it is responsive, by default. However, some client sites/setups just aren't a good fit and you may want to provide the standard IFRAME code (maybe with some responsive CSS).

I'm happy to take a look and see if I can provide any tips.
Post 2 IP   flag post
Missoula, MT
rpetersn private msg quote post Address this user
Thanks for sending me your link via PM. For anyone else that is curious, this particular scenario (as I suspected) wasn't idea for the "JS" version that is generated by WP3D Models.

Technically the responsive JS code from WP3D was working as it should, but the way this was being implemented (full browser width) meant that it was possible for the content to grow larger than the viewport and it just didn't look/work ideally.

My advice here was to stick with the IFRAME code from WP3D Models and then leverage the fine tool over at "embedresponsively.com" to generate some necessary CSS that could then be tuned up on the client's site.
Post 3 IP   flag post
srennick private msg quote post Address this user
Hi @rpetersn I have always delivered the IFRAME code to clients. Sometimes they have sizing issues and the model doesn't display nicely, especially on mobile. It is not responsive. I never asked anyone what the JS code even was. So, my question would be, how do we know what code is the best to send? Should I begin to send the JS code instead of the IFRAME code? Thanks!
Post 4 IP   flag post
Missoula, MT
rpetersn private msg quote post Address this user
Hi @srennick! Delivering the WP3D Models IFRAME code is just fine...but (as you note) it won't be "responsive" by default. Making IFRAMES behave well on mobile-friendly sites requires some additional CSS rules and can get pretty large/messy to deliver to a client.

For this reason, we developed our "JS Embed" option that builds all of the necessary CSS ruled in the background, on your client's site and keeps your embed looking/working well regardless of the size of the device viewing your client's site.

The one caveat here is that sometimes a client's site will be built in a way that (for one reason or another) doesn't support our "JS Embed" method. In these cases, the standard IFRAME is a better option.

Here's some additional documentation on the topic:

https://wp3dmodels.com/doc/responsive-model-embed-code/

I hope this helps clear things up a bit for you/others.
Post 5 IP   flag post
nat_vanveen private msg quote post Address this user
@rpetersn that's great info, thanks for sharing
Post 6 IP   flag post
101429 6 6
This topic is archived. Start new topic?