EverWeb Codebox logo

EverWeb Widgetbox 3

scroll frame widget

Scroll Frame

scroll frame Vertical nav widget
scroll frame horizontal nav widget

Design

The aim was to create an iframe with content that can be changed using text hyperlinks and would be scrollable when viewed on computers and tablets.
The navigation can be either horizontal or vertical.
The iframe is adapted to maintain its height and scroll on mobile devices.
The content pages are created in the same project file and are selected using the "Link to:" controls in the navigation widget settings.
These pages are all the same width but can have variable height.
The iframe is 20px wider than the content pages to prevent the appearance of horizontal scrollbars and the percentage height is adjusted to prevent a double vertical scrollbar in Firefox.

These widgets are included in the More-2 widget pack.