Ausweb Web Hosting and Web Development Tutorials

banner-tutorials
You are here

Dreamweaver - Lists and Menus

You can add lists and menus to your document in order to give visitors a predetermined set of choices for a specific piece of information.

To insert a list or a menu either click on the button of the Form Objects Palette or select from the Form Objects menu off the Insert Menu. You will see something that looks like this:

Not much of a list. You'll notice that the Properties palette has changed to reflect the different options available for Lists and Menus.

Here you can decide whether you would like it to be a list or a menu. The default setting is Menu and is what you saw in the example above A List looks like this:

They look exactly the same, but you might notice that some of the Properties options are grayed out when it is a list. The difference comes into place when data is entered.

To add some choices to the list, click on the 'List Values' button of the Properties Toolbar. You will see a dialog that looks like this:

Enter the first value by typing the name in the 'Item Label' field. This is what the user will see when the form is rendered on the page. You can then enter a value, which depends on the nature of the form. If this is a jumpbox, you would place a url in the value field. Other values will depend on the configuration of the Backend application used to parse the form.

To add a new value, simply click on the + (plus) button. You can then enter a new label and value. You can also get the same result by using the TAB key to move from field to field. It will automatically create a new value once it has reached the end of all existing values. To remove a value, select it by clicking once (highlight it) and click once on the - (minus) button.

Here is a sample with the numbers 1-5 used as values:

You might be asking yourself how you can widen the field. There is no way save for entering longer data. The less amount of characters in the longest label, the smaller the menu. Since we only used 1 character, the menu is 1 character wide. Here is a sample with some longer labels:

 Adobe Creative Suite and DreamWeaver are the perfect web design tools to build your new website with your AUSWEB Hosting.

Articles In This Category
More from this Category
Tutorials > Dreamweaver HTML Editor Tutorials
Now I will share some techniques on turning your newfound table knowledge into quality page designs. Before you begin designing your page, you must d...
Tutorials > Dreamweaver HTML Editor Tutorials
Nested tables means placing (nesting) a table within another table. Doing this can give the designer even more control over positioning with a table d...
Tutorials > Dreamweaver HTML Editor Tutorials
Unless you are familiar with HTML, you are probably not familiar with Column and Row Spanning. It can be a difficult concept for some, but is well wor...
Tutorials > Dreamweaver HTML Editor Tutorials
One of the advantages of using Dreamweaver is the simple fact that it is a WYSIWYG program. While designing you can see how changes will look in the b...
Tutorials > Dreamweaver HTML Editor Tutorials
You can also modify cells and rows individually. Rows can be modified by selecting the entire row. This can be done by holding down the CTRL (Command...
Related Articles
Related Articles
Plesk Tutorials > Plesk 10 - Tutorials
How to find and install applications in Plesk 10...
Plesk Tutorials > Plesk 10 - Tutorials
The following video tutorial will guide you through how to add and manage domains sub-domains in Plesk10...
Plesk Tutorials > Plesk 10 - Tutorials
The following video tutorial will guide you through how to view and manage website logs in Plesk10...
Plesk Tutorials > Plesk 10 Reseller
The following video tutorial will guide you through changing your password & contact information in Plesk 10...
Plesk Tutorials > Plesk 10 Reseller
The following video tutorial will guide you through creating and managing Customers in Plesk10...
Latest Articles
Latest Articles
Tutorials > Email Tutorial : FAQ for Email setup
This guide will help you configure your AUSWEB hosted email address with Outlook 2010....
Tutorials > Email Tutorial : FAQ for Email setup
This guide will help you setup and configure your AUSWEB hosted email address with Windows Live Mail (Outlook 2011)....
Tutorials > Partner (Affiliate) Guide
1. Visit http://partner.ausweb.com.au and click “Join Now” from the top navigation bar (or click the shiny green “Sign Up Now” button....
Tutorials > Website Security/Upgrade Issues
After installing an SSL, a commmon subsequent issue (in most modern browsers) is the the dreaded "Connection Partially Encrypted" warning.   The er...
Tutorials > Customer Testimonials
Now that you know about us, from us - this page is dedicated to what our customers think...
Most Read Articles
Most Read Articles
Tutorials > Joomla FAQ
A vulnerable extension is one that has been found to contain, or contribute to, a security vulnerability. Vulnerable extensions are not necessarily p...
Tutorials > phpBB Forum Hosting
Finally, after a long wait, phpBB3 has been released, and its relatively easy to upgrade your existing phpBB installation. phpBB3 introduces hundreds...
Tutorials > phpBB Forum Hosting
This video tutorial will show you how to create a new topic in phpBB3....
Tutorials > phpBB Forum Hosting
This video tutorial will show you how to set up a poll when starting a new topic in phpBB3...
Tutorials > phpBB Forum Hosting
phpBB3 is the latest update to the phpBB series, incorporating a plethora of new features, speed, stability and security improvements, and is much eas...