EverWeb Codebox logo

EverWeb Widgetbox 3

Touch Slide In Navigation

Touch Slide In Navigation Widget
Touch Slide In Navigation Widget
Touch Slide In Navigation Widget

Slide In Left Or Right

This icon navigation consists of tabs which can be arranged in a single row - horizontally or vertically - or in rows and columns.
It slides in from the left or right at a predetermined distance from the top of the browser window so it stays fixed as the visitor scrolls when in view.
The navigation is controlled by a button which uses a separate widget so that it can be placed anywhere on the page. Click the button below to see this widget.
The range of Font Awesome icons available can be seen by clicking the button below.
The navigation uses internal links and the last one can be configured as an external link.
Two or more navigation widgets can be combined to make bigger menus as can be seen on the navigation button widget page. This combines an internal and an external hyperlink menu.
NOTE: If there are two or more menus on a page they must all slide in the same direction.

Widget Settings

Set the container border width and color
Set the individual block percentage width, background color and the border width and color.
Set the font family, size and color and the icon size.
Enter the link text and icon name and choose the "Link to:" page for the first three items.
Add more items as required and check the box to display them.
To configure the last link as an external one, check the box next to "External Link" and enter an absolute URL.
Choose the slide in direction, enter the distance of the navigation from the top of the browser window, set the speed and uncheck the box to hide it.
Use the Arrange menu to set the navigation as "Always On Top".
Open the Metrics inspector, check the box next to "Allow free dragging" and drag the menu out of the page content area into the background out of the way.
Set up the button widget and make sure the slide direction is set the same as the navigation widget.

This widget is included in the Touch Navigation widget pack.

Touch Widgets Bulk Pack Discount Deal

Buy all 4 Touch Widget packs for $30.00 …