Easy steps to create a drop down box in Microsoft Expression Web

A drop down box can be created as a form object. But when you want it to be independent, without a form, you could do it with a ‘Jump Menu’. Here is how to create a jump menu, follow these steps:

  1. Go to the Behaviors task pane, which should be visible besides the Apply and Manage Styles task pane. If it is not visible, go to Task Panes menu and choose Behaviors.
  2. Place you cursor at the location where you want to add the drop down menu.
  3. In the Behaviors task pane, click the ‘Insert’ button and choose ‘Jump Menu’.
  4. Behaviors 

  5. This will launch the Jump Menu dialog box.
  6. jump_menu_dlg 

  7. Click on Add button and the Add Choice dialog box will be prompted.
  8. Add_Choice 

    Add the choice and their value. You can also browse to the URL. When done, , click on OK.

  9. Similarly add all the choices and click OK in the Jump Menu dialog box.
  10. jump_menu_withchoices  

    The choices will be displayed the way they are added. But you can always use the Move Up and Move Down buttons to rearrange the items.

  11. ‘Open URLs in:’ lets you choose if you would like to open the URL in the same window or a new window. ‘Select first item after URL change’ checkbox when checked will always highlight the first option in the drop down after every URL change.
  12. The drop down won’t work in Design view, but when previewed in the browser, it would look like:

          jump_menu_2

Filed Under: Expression Web

Tags:

About the Author: Minal is a freelance web and graphics designer. She specializes in designing Logos, Stationery, Graphics and Icons as well as website templates using graphical tools like Photoshop, Illustrator and Expression Web. Twitter @saffronstroke

RSSComments (3)

Leave a Reply | Trackback URL

  1. TPR says:

    THANK YOU SO MUCH! This is just what I was looking for. Perfect!!!!!

  2. Maria says:

    IE blocks the jump menu, so my customers won’t be able to use it. Is there any way I can stop it from being blocked by IE?
    thanks!
    Maria

    • Minal says:

      Hi Maria,

      Thank you for your comment.

      IE is blocking the jump menu on your machine because probably the ‘Pop-up Blocker Settings’ say so. Assuming you are using IE 8, to change that open Tools > Pop-up Blocker > Pop-up Blocker Settings or in IE 7 or earlier; go to Tools > Internet Options > Privacy tab > Pop-up Blocker, change the Blocking level or add your site to the Trusted Sites/Allowed Sites. This should solve the problem.

      Whether your jump menu is visible on your customers computers will depend upon their Pop-up and Privacy settings. In that case they should get a warning which will say that content on your site is being blocked and they can choose to allow pop-ups temporarily or always for you site. They should be able to view it if they choose to.

      I hope this helps.

      Regards,
      Minal

Leave a Reply