EverWeb Codebox logo

EverWeb Widgetbox 3

Slide In Menu Icon Button

Slide In Icon Button widget
slide in horizontal navigation icon button widget
slide in navigation direction

The Button

The slide in menu icon button is independent of the menu position and can be placed anywhere on the page.
The icon can be any one from the list of Font Awesome icons. Go to the ICON page to choose the icon and get its code number.
The button can be any size but it should be a minimum of 30px square for mobile use.

Widget Settings

Set the button border width, color and corner radius.
Set the button background color.
Enter the icon code number and set its size and color.
Adjust the button size using the drag handles or the Metrics inspector and use the values for left and top to center the icon in the button.
Set the navigation direction.

Navigation Slide In Direction

The control for setting the navigation slide in direction is shown to the right.
IMPORTANT: This setting MUST have the the same value as the one in the navigation widget - otherwise the navigation will not slide in!

This widget is included in the

This widget is included in the Navigation-2 widget pack.