Changing iFrame width with puzzles.

This topic has 5 replies, 3 voices, and was last updated 3 months, 3 weeks ago by rainman.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
2024-08-23 at 1:31 pm #76943

rainman
Customer

Is it possible to adjust the iFrame width to create room for a side panel using puzzles? What i am trying to do is add a side panel for product options that does not take up space in the actual 3d view. I understand that this would be very easy to do using a parent HTML but i would like to do everything within puzzles if possible. Any help is much appreciated.

2024-08-23 at 6:20 pm #76945

xeon
Customer

I don’t think you can directly control a parent of a parent from via puzzles. But what you may want to consider is having your controls for your V3D canvas be in the main html and then have them communicate to the V3D canvas. This way you only have one HTML file to deal with and one canvas. Then if you need to have this project inserted as an iframe you leave that up to that top level page. The communication between the UI elements on the page and the canvas can done via puzzles.

Xeon
Route 66 Digital
Interactive Solutions - https://www.r66d.com
Tutorials - https://www.xeons3dlab.com

2024-08-26 at 11:33 am #76974

rainman
Customer

Can you walk me though setting this up? The end goal would be to avoid using any other software to create another .html. In the end i just want to create the look of a side panel that is not part of the 3D window. I have experimented with offsetting the camera in blender using the “Shift X” camera setting. (No Luck). Also tried offsetting the object and deactivating the camera rotation so that i can rotate the object in verge to mimic how the camera rotates around it. This also did not work out. It seems there should be a way to define the space that the Iframe takes up inside the Verge 3d canvas.

2024-08-26 at 1:48 pm #76982

kdv
Participant

rainman wrote:

Is it possible to adjust the iFrame width to create room for a side panel?

https://drive.google.com/file/d/16KPCnA1n7_81fKYW7JaAlF8PBEB4VWwP/view?usp=sharing

Puzzles and JS coding. Fast and expensive.

If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

2024-08-27 at 12:49 pm #77017

rainman
Customer

This was exactly what i was looking for. I have just one hurdle now. I am not able to add any html elements to the space created using puzzles. I have tried the add to “Window” , “Document” and “Body” options, but just cant seem to get anything to appear in the blank space. Thank you for the reply.

2024-08-27 at 1:58 pm #77025

rainman
Customer

I figured it out!! Using the “Before” option with “Container” option in the add HTML element puzzle i am able to create elements in the empty space!
Author

Posts