Skip to main content
Known Participant
May 11, 2017
Question

How to embed CP project on webpage with iFrame and keep responsive behavior

  • May 11, 2017
  • 2 replies
  • 2433 views

HI

Due to total server space limits I want to store the CP project files on Amazon AWS S3.

Using iframe or embed I can view the lesson including the interactions just fine on a desk top.

When going to an iPhone the responsive behavior seems blocked by the site's css or something? When I just link to the index.html file directly the responsiveness seems to work fine.

Here's my working site link

https://accendoreliability.com/s02-introduction/

There are two instances of the CP content on the page - the first is via an iframe, the link, "AWS S3 based lesson" is a simple link to the index.html file opening a new page. The lesson settings include that when it ends to goto back to the link where started.

My question is what is the right way (or good way) to deliver the CP lessons when storing/serving the files from Amazon S3 (cloud storage) and keeping responsive behavior across devices?

I'll be charging for the courses or want limited access to the lessons, which the site can do by controlling membership access to pages/posts, etc. Not too sure how to conceal or protect the url's from loading the CP files outside the protected site, once they become visible ... 

Mostly struggling with how to deliver responsive CP content stored on cloud server within a specific website post or page. Not sure if this something done in CP itself, within the iframe or link, or with HTML/CSS on the site, or some combination?

thanks in advance for your suggestions

This topic has been closed for replies.

2 replies

Inspiring
May 11, 2017

Hi Fred,

Are you using Captivate 2017 ? or a previous version?

Cheers,
Steve

Known Participant
May 12, 2017

Hi Steve, the latest version CP 2017... not sure what to do with fluid boxes as of yet....

Inspiring
May 12, 2017

Hi Fred, 

They are new and are media containers that provide great flexibility in responsive design,  It should resolve your AWS embed issue. There are a bunch of articles on Fluid Boxes here on forum or one new one just dropped  

https://elearning.adobe.com/2017/05/using-fluid-boxes-knowledge-facts-1/

Cheers, 
Steve 

Inspiring
May 11, 2017

Hi Fred,

This is a multi layered question and there are others who may have more expertise with AWS3 but I can offer some insights to other portions of your question. If you place your iFrame in a Fluid box it should scale.

In regards to "I'll be charging for the courses or want limited access to the lessons, which the site can do by controlling membership access to pages/posts, etc. Not too sure how to conceal or protect the url's from loading the CP files outside the protected site, once they become visible ... "

I see you are using Wordpress,  you may seriously want to look at an Learning Management System (LMS) creates specifically for WordPress called LearnDash. it is relatively inexpensive (about $220.00 USD) with all the bells and whistles, and you can do all that you are asking for, (payment, membership, limit access) with additional 3rd-party plugins (some free, some not) as well as track progress, give badges etc. You can also one click load Captivate modules to your WP Media library or just use an iFrame You can also easily and logically create lessons and courses and generate reports.

I was really impressed with it. There is however a learning curve and it will take some time to understand and integrate into your system. If you don't want to go that route you can hobble together your own solution, for example you can password protect each module and add membership plug ins to your WP site for forums etc. They have no trial version but they do have a 30 day refund policy and they are prompt if you choose not to use it.

I should also mention Adobe has its Adobe Prime LMS which is a easy to learn, easy to use SaaS service and very polished. This will meet your needs quite nicely but there is a significant investment required and ongoing fees.

Cheers,
Steve

New Participant
October 31, 2017

Hi all

Coming in a bit late to this discussion but I'm struggling with LearnDash/Captivate integration myself.  StevePixel - you mentioned there'a 'one-click load' option - I was just wondering if that's something built-in to LearnDash or is a plugin/a workaround required?  I'm on a bit of a steep learning curve at the moment (tho I'm thoroughly enjoying it) and would appreciate any tips any of you might have...

Cheers

Nick