EverWeb Widgets

ThemeKit Grid Rotate

This optional article can be inserted anywhere in the grid using column and row number..

Rotate Image Grid

The grid items can be spaced out using the control for adjusting the grid gap and the container padding. This allows room for the optional border and/or offset box shadow.
Layout
The number of items per row can be set for computer, tablet landscape and tablet portrait.
On mobile phones in portrait mode the rotation and scale are removed and the items stack vertically and have a control to adjust their spacing.
Rotate
When the images are rotated their scale can be reduced to prevent overlap. On hover, the rotation is remove and the scale returns to a value of 1.
Images can be rotated in a positive or negative direction and the direction can be alternated by checking a box.
Captions
The captions overlay the bottom of the image and can appear on hover when the is grid viewed on computers.
Links
The images can be configured to open internal and/or external pages and the link has a new window option.
Article
The optional article has a heading and text and can be inserted anywhere in the grid by giving it a column and row number.

ThemeKit Slide Out

The slide out was design for extra stuff that a visitor may want to checkout. The slide out is an HTML5 <aside> element with an action tab and a panel
The panel content options are an image with alt text, a heading and paragraph and up to 48 links.
It can be used as a navigation or links to other pages with related content.
Position
To make it easier to reach for mobile device users both the tab and the slide out are fixed, vertically centered and can be inserted to the left or right of the browser/device screen.
Animation
The slide out/in animation time can be adjusted and the tab icon can have a blinking animation to draw attention to it. Both animation times are set in milliseconds.