Widget Features

The full size background images create sticky panels which slide over one another on scroll.
NOTE: This widget is only suitable for experienced EverWeb users who understand the concept of loading content via iframes and who have learned how to use responsive widgets.
Content Sections
The content sections each have an iframe. The content for these iframes is created on other pages in the EverWeb project and loaded into the iframe by inserting the URL in the appropriate box in the widget settings.
It is important to understand the concept of iframes and how they work.
The content can be either fixed width or responsive. The actual iframes are responsive with a maximum width settings.
When using a fixed width content page, the iframe maximum width should be set to about 20px wider than the content page.
When using a responsive widget to create the content, the maximum width of the iframe should be set to about 20px more than the maximum width of the content page.
Content Type
The content can be anything that can be created on a page in EverWeb - either using the default items or third party widgets. Content can include slideshows and movies.
NOTE: Movies should be inserted using one the responsive video widgets and not one of the EverWeb default widgets. It is essential to have a poster image display on page load and prevent the video from preloading.
Overflow Scrolling
When the content height is greater than the iframe height, the content will scroll. This would happen, for example, when a responsive widget is used to create the content and the page is viewed on an iPad or iPhone.
The iframe is set up with some extra code to allow scrolling on touch devices. Test this page on an iPad or the iOS Simulator to see how this works.