SelectNav is highly accessible for all website users and fully compatible with all web browsers. An unlimited number of items can be added to your select menu. The Stacks 3 interface allows you to easily delete or change the order of items using simple drag-and-drop actions in edit mode. By default, links open in the current browser window, but you can also choose to have links open in new tabs or windows (if popups are enabled in the browser).

Examples

Here are two examples of SelectNav; one is using a flat list and the second is making use of option groups.
 

Setup

This stack requires Stacks 3.5 or later. Follow these instructions to setup a SelectNav stack in your webpage...
  1. Once installed, open the Stacks Library. Drag and drop a copy of SelectNav into your page
  2. Click the blue button in edit mode to add select menu items or option groups to your menu
  3. If making use of option groups, click the blue button inside the group, to add new items to the group. Or drag and drop existing items into the group
  4. Select items in edit mode to configure their titles and links. Custom attributes applied to links are ignored
  5. With the main SelectNav menu stack selected in edit mode, you can edit some other settings, like link behaviours and basic button styling
  6. Preview the page to test your SelectNav stack. Save changes and publish or export when finished.

Basic options are provided to customise the style of the select menu button. As always, options to customise the appearance of the actual option select menu list is very limited. HTML select menu lists are a core user interface component. Excellent compatibility is offered for ThemeFlood and SeyDesign themes.
 

Contribute

If you find this stack element useful in your personal or commercial web projects; please consider making a small contribution towards ongoing support and updates. There are many different ways you can contribute to the Stacks4Stacks project, and benefits for doing so.
Bookmark or share this page
Baidu 百度
Blogger
Delicious
Digg
Facebook
Google+
LinkedIn
LiveJournal
MySpace
Pocket
Одноклассники
Reddit
Renren 人人网
StumbleUpon
Tumblr
Twitter
ВКонтакте
Weibo 微博
XING
Contact Us
Email This Page
Print This Page
PS: This bookmarking and sharing popup is powered using our brilliant SocialPopup stack!

Cookies

Like a lot of websites, Stacks4Stacks uses cookies to help enhance your browsing experience and handle things like purchases. We take your privacy seriously, and welcome you to freely opt-out of nonessential cookies at any time by reviewing your preferences on this page.