EverWeb Codebox logo

EverWeb Widgetbox 3

Navigation Widgets

Horizontal Navigation New WIndow Ext link

A horizontal navigation with up to twelve items. Each link has the option to open in a new window and the last two links can be configured as hyperliinks to an external page or file.

Vertical Navigation New WIndow Ext link

A vertical navigation with up to twelve items. Each link has the option to open in a new window and the last two links can be configured as hyperliinks to an external page or file.

EZ Navigation Widgets

FA Icon Mobile Nav widget

A click to open mobile navigation menu using Font Awesome icons for the button and list items. Two of the hyperlinks can be configured to open external pages with the option to open in a new window.

Slide In Horizontal Nav widget

A horizontal navigation menu which slides down from the top or up from the bottom on clicking a button and can be positioned left or right. The last two links can be to external pages and have an open in new window option.

Slide In Vertical Nav widget

A vertical navigation menu which slides in from the left or right on clicking a button and can be positioned at a fixed distabce from the top. The last two links can be to external pages and have an open in new window option.

Slide In Nav Button widget

These buttons operate the slide above in menus and can be positioned anywhere on the page. One is for a text button and the other uses any of the Font Awesome icons.

Slide In Icon Button widget

Advanced Navigation Widgets

Flyout Two Level Navigation Menu

A flyout two level navigation which includes code to make it compatible with older versions of Internet Explorer. The flyout sub menus can be closed on tablet devices by clicking anywhere off the menu.

Two level Icon Mobile Navigation

A two level mobile navigation menu that drops down from an icon when clicked. The drop down width is adjustable so that it can be full width on smart phones and any set width on conventional or tablet websites.

Two level Mobile Navigation

A two level accordion style mobile navigation menu with a choice of icon down arrows to indicate the dropdown sections. The width is adjustable so that it can be used at full width on the smart phone version of the site.

Fixed Position Tab Links
Text ANchor Widget

Allow visitors to smooth scroll to any point on a web page using fixed position tabs. The tabs can be styled and either be hidden until the page is scrolled by a predetermined amount or appear on page load. The tabs stick in position as the page is scrolled so that the visitor can easily jump to any point on the page.

This widget creates the anchors which correspond to each tab in the navigation. They can be dropped at any point on the page or dragged off the content area by allowing free dragging via the Metrics inspector. Each anchor has the same ID number as its releated tab.

Slide In Nav Chameleon Button widget

This button works in the same way as the text and icon butons above but changes the icon type to an X when in the active state.

The icons are NOT user selectable and the size is fixed at the recommended 42px.

For more navigation widgets click the buttons below...

NOTE: Click any widget icon to get to the demo page with instructions.

Active Navigation Widgets

Active Nav widget
Active Nav widget

A horizontal, single level menu which has an active class link to display the current page with a different colored background, font color or text decoration.

A verticall, single level menu which has an active class link to display the current page with a different colored background, font color or text decoration.

Note

The widgets on this site are not compatible with HTTPS Secure websites.
Click the Info button to go to EverWeb Widgets for more up to date widgets.