Highlighted

Insert iframe with html5 site published from FrameMaker?

Engaged ,
Jan 25, 2019

Copy link to clipboard

Copied

I am working on making an html5 responsive site in Muse. On one of the pages I would like to insert an html5 site published from FrameMaker into an IFrame. Is that even possible? I can't make it work.

Views

422

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Insert iframe with html5 site published from FrameMaker?

Engaged ,
Jan 25, 2019

Copy link to clipboard

Copied

I am working on making an html5 responsive site in Muse. On one of the pages I would like to insert an html5 site published from FrameMaker into an IFrame. Is that even possible? I can't make it work.

Views

423

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jan 25, 2019 0
Adobe Community Professional ,
Jan 25, 2019

Copy link to clipboard

Copied

Yes, you can insert an inline frame into Muse. 

  • Open the page in Design mode.
  • Click Object > Insert HTML.
  • Copy & paste the following code.

<iframe src="https://example.com" title="Inline Frame Example" style="height:650px; width:100%;">

</iframe>

For more on iframes, see link below.

<iframe>: The Inline Frame element | MDN

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 25, 2019 1
Engaged ,
Jan 28, 2019

Copy link to clipboard

Copied

Thanks for your reply. I can't make it work though. I have the site which I try to embed/link to, lying in a separate folder named "HTML5". Inside that folder lies the Index.html file which opens the site. Linking the Iframe to the HTML5 folder and the index.html folder won't open the site in the Iframe, ufortunately.

I have tried copying all the content of the HTML5 folder into the root folder, but that won't work either.

Exporting the site and copying the HTML5 folders content into the export folder works so-so but requires that I rename the index.html which screws up the js files.

It does not look really easy to make this work.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 28, 2019 0
Adobe Community Professional ,
Jan 28, 2019

Copy link to clipboard

Copied

Does the iframe work with example.com as the target? 

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 28, 2019 0
Engaged ,
Feb 01, 2019

Copy link to clipboard

Copied

Unfortunately everything needs to work offline. The site I am linking to, is stored offline and is a responsive site published out of FrameMaker. I have not been able to make the Iframe recognize the local site

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 01, 2019 0
Adobe Community Professional ,
Feb 01, 2019

Copy link to clipboard

Copied

StudioSm  wrote

Unfortunately everything needs to work offline.

Do you have a local testing server?

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 01, 2019 0
Most Valuable Participant ,
Feb 02, 2019

Copy link to clipboard

Copied

the code for all widgets is stored online... if your custom network has zero outside ports then Muse will not work

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 02, 2019 0
Most Valuable Participant ,
Jan 25, 2019

Copy link to clipboard

Copied

try https://adobe.ly/2KeW0rg

to be clear, only the iframe itself is responive because that is all Muse can control... whatever you point to with the iframe will follow its own rules as set down by its own host site *

* of course you can use an iframe to point to another Muse page on the same Muse host

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 25, 2019 1
Engaged ,
Jan 28, 2019

Copy link to clipboard

Copied

Thanks for you answer. I tried installing the library file, but it seems it needs a site on the internet, and I need to link to a local file, because the site will run locally.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 28, 2019 0
Most Valuable Participant ,
Jan 28, 2019

Copy link to clipboard

Copied

StudioSm  wrote

Thanks for you answer. I tried installing the library file, but it seems it needs a site on the internet, and I need to link to a local file, because the site will run locally.

  1. an iframe can point to any page that a browser can... making it work on your network is the job of your host i.e, the local network may be set to some oddball ports via proxy server but Muse & Iframes don't have any control over that
  2. iframe [or any other type of Frame code] is under attack from US based internet censorship so understand that when you design your sites... don't worry Trump is in charge of all that

just to confirm you are using the widget right the three example images are; correct ip address, wrong ip address (or your firewall is blocking the net) & correct address but site is under internet censorship so you can't use an iframe

Screenshot (1958).png

Screenshot (1955).png

Screenshot (1956).png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 28, 2019 1