How to Add a Drop Down Box in Dreamweaver
Run the Dreamweaver software. , Access the document in Dreamweaver., Click on the area where you want to insert the drop down box. , Go to "Insert" in the top menu. , Select "Form.", Choose the correct form type., Enter the list of menu items...
Step-by-Step Guide
-
Step 1: Run the Dreamweaver software.
You can create a new HTML document or open the web page that you want to add the drop down box to in Dreamweaver (you can create new documents or open existing documents in Dreamweaver through the File menu on the top left). ,,, , It may be labeled as "Jump Menu" or "List/Menu" depending on which version of Dreamweaver you are using. , These will be the menu options that will appear in the drop down box.
You need to click on the plus sign every time you need to add a new option in the list. , This is for your own reference and you can assign an ID such as "dropdown" to remember what this form is for. , The drop down menu will be inserted as a form. , -
Step 2: Access the document in Dreamweaver.
It is preferable to not be running Dreamweaver while doing this. ,,, You should see the Vista Buttons toolbar appear at the top. , This will launch the Vista Buttons wizard allowing you to add a drop down box in Dreamweaver using various preset templates. , The drop down box will be added in your Dreamweaver document with the appearance that you specified. -
Step 3: Click on the area where you want to insert the drop down box.
-
Step 4: Go to "Insert" in the top menu.
-
Step 5: Select "Form."
-
Step 6: Choose the correct form type.
-
Step 7: Enter the list of menu items.
-
Step 8: Assign a menu ID.
-
Step 9: Press the "OK" button.
-
Step 10: Download Vista Buttons using the download link on the Vista Buttons website.
-
Step 11: Run the installation wizard.
-
Step 12: Put a tick next to "Dreamweaver" when you are asked which programs you want to install the plug-ins for.
-
Step 13: Continue to press the "Next" button until the installation process is complete.
-
Step 14: Run the Dreamweaver software.
-
Step 15: Press the "Insert menu" button on the Vista Buttons toolbar.
-
Step 16: Select "Save and Close" to finalize your settings.
Detailed Guide
You can create a new HTML document or open the web page that you want to add the drop down box to in Dreamweaver (you can create new documents or open existing documents in Dreamweaver through the File menu on the top left). ,,, , It may be labeled as "Jump Menu" or "List/Menu" depending on which version of Dreamweaver you are using. , These will be the menu options that will appear in the drop down box.
You need to click on the plus sign every time you need to add a new option in the list. , This is for your own reference and you can assign an ID such as "dropdown" to remember what this form is for. , The drop down menu will be inserted as a form. ,
It is preferable to not be running Dreamweaver while doing this. ,,, You should see the Vista Buttons toolbar appear at the top. , This will launch the Vista Buttons wizard allowing you to add a drop down box in Dreamweaver using various preset templates. , The drop down box will be added in your Dreamweaver document with the appearance that you specified.
About the Author
George Brown
Professional writer focused on creating easy-to-follow pet care tutorials.
Rate This Guide
How helpful was this guide? Click to rate: