Many Content Management Systems (CMS) or Learning Management Systems (LMS) let you embed iframes containing content from other web services. But when you embed a ScreenSteps article as an iframe you are probably going to want to get rid of the header and sidebar areas. Here are a few tips for working with iframes.
If the article you embed using the .iframe extension links to another ScreenSteps article in your knowledge base the .iframe extension will not be maintained when the link is loaded. The approach described in this article will only work for individual articles.
Add .iframe to the end of your article's url
If you add .iframe to the end of your article url then ScreenSteps will serve up a special iframe version of the page which only contains the article content.
Control the width
The CMS or LMS you are using may have a fixed width area where the iframe is displayed. You want your ScreenSteps article to fit in this area without having horizontal scrollbars. To change the width of the ScreenSteps iframe just add the query parameter width=600 to the url.
The 600 number is just an example. You can use any width you like. Be aware, that the width setting will only affect the width of the text areas on your page. It will not reduce image sizes.
Example url
Here is full url example that will produce an iframe with a width of 580px: