How can I embed my 360 tour on a page?

I’m trying to embed a 360 tour on a page but I can’t seem to get the HTML to display.

The URL is a Link component in my data table and I’ve used this code in a HTML field on my page:

Any ideas?

Here’s the sample tour I’m using to test this out: Dusk at Letterman Digital Arts Center (SF, CA)

@Dani

You could use an iframe piece of code: <iframe src="https://momento360.com/e/u/a9b53aa8f8b0403ba7a4e18243aabc66" width="560" height="315" frameborder="0" allowfullscreen=""></iframe>

Would this work for your needs?

~Adam

1 Like

Hi Adam, this is the code I originally used. It works when entering the URL directly into the SRC element. What I actually need is to insert the URL from a link field in my data table. The link displayed is different for each record.

Understood, in that case there is not way to embed an iframe automatically without some possible JavaScript (and I’m not even sure that is possible). The link field is specific for textual links or photos that are stored in the table (e.g. thumbnails).

@Dani @SafetyUniversity

We can actually use an equation field to build and display HTML.

In order to use this, you need to save the URL in a Text Field rather than a Link Field. Try adding this to an Equation Field, change the {URL} to the name of your field with the URL.

CONCAT('<p><iframe', CHAR(32), 'src="',{URL},'"', CHAR(32), 'width="', '100%"', CHAR(32), 'height="', '500"', '></iframe></p>')

You can then display this equation field anywhere in your app :grinning:

https://timyoung.tadabase.io/360-photo-iframe-test#!/new-page

2 Likes

You are the best @tim.young! Didn’t know that was an option.

1 Like

Thank you! This works :smiley:

1 Like

This is GOLD! Thanks, Tim!

Ps.: I tried with the 360 tour link and it worked, but then I tried with other websites and it didn’t work. Is there a way to embed external websites?

This is the link I was trying to use: https://daytona.craigslist.org/apa/d/daytona-beach-stylish-features/7380227956.html

Here’s what I get:

Thanks a lot!

Hey @Rez,

It appears as though Craiglist blocks their pages from being rendered outside of their site.

1 Like

That’s what I assumed. Thank you for checking!