embedded external webpage

The basic pattern is as follows.

1. Build a model on Lead that includes company and state.

2. Put a template component in your page and bind it to your lead model so we can merge data from the model into the iFrame.

3. Add HTML code to the template that looks like this: with iframe code that looks like this:

<iframe src="www.google.com/search?q={{Company}},{{Lead.State}}" width="100%" height="450" frameborder="0" style="border:0"></iframe>

The key is that skuid does not use the VF data merge syntax - {!Lead.State} instead we use {{double braces}} or {{{Triple Braces}}} around the api name of the field from your model. More information on merge syntax here: http://help.skuidify.com/m/11720/l/216661-skuid-template-syntax

Click on the “Allow HTML” box in your template and you will see some preview and know you are on the right track.

Having said all that, sometimes google does not like being stuck in an iFrame and so will yell at you. But good luck.

Thank you Rob,

But my problem is any webpage I try to iframe either give me a blank page (90% of the time) or i get a standard SF page with url cannot be found (like example you gave me, as no “http://” i guess… Can anyone confirm they can get this to work with an external webpage?

Thx

I would like to know this as well. I am also just getting a blank page.

I’m also trying to make this work - I want to link to an S-Docs page.  Has anyone made this work?

In reading through other posts, sounds like this might not be possible in Lightning.  Has anyone had luck putting an iframe into a VF page and then displaying the VF page in a Skuid pop-up?

Hello Elissa. I’m not 100% sure I understand. It sounds like you want to put in an iframe inside a VF page and embed the VF page in a Skuid Pop Up on the Lightning Page?

Could you explain the desired outcome of what you are trying to build? It sounds like you could just iframe the S-Docs page inside the Skuid page using a template component and not have to use the VF page.

Let me know if there is some other factor I’m not aware of here.

Thanks!

If I can - embedding the s-docs page in a template component would be perfect. But, I’ve been unable to get anything to display in the iframe- it shows blank. A couple of posts suggested that iframes may not work in lightning- hence my question about visual force.

We have quite a few google and other searches integrated in our application.

Until a couple years ago you could surface these within iframes on skuid pages etc but Google now blocks these to avoid a vulnerability (clickjack protection) …

You can still search these sites (a typical piece of code we use is as Rob above… https://www.google.com/?#q={{$Model.UIResearch.data.0.ResearchName}}  … but it needs to open a new window each time … sorry 😦

Got it - thanks, David.  You saved me trying to get the iframe to work!