Create Custom Toolbars in Expression Web 4

You could customize toolbars and menus in the earlier version of Expression Web. Expression Web 4 comes with eleven toolbars, which are populated with most of the commands we may require like the Code View, Style, Style Application and Dynamic Web Template. So you may need customization only if you often use commands from various toolbars, and you do not want all those toolbars eat up unnecessary space in your application.

Free Custom Toolbars add-in for Expression Web 4 lets you create your own toolbars to organize your commands and buttons.

Let us see how to install and use the add-in.

1. Download the add-in here

2. Make sure the Expression Web 4 application is closed before you begin the installation process. Double click the ‘ExpressionWeb4CustomToolbars.msi’ file and follow the instructions to install the add-in.

EW4 Custom Toolbars Addin installation step 1

Add-in Installation complete

3. Start Expression Web 4 and you should be able to see the ‘Customize Toolbars’ button as shown below:

Customize Toolbars button

This button is nothing but your Favorites Toolbar. It should be visible as soon as you install the add-in, but if not visible already, do either of the following:

a. View > Toolbars > Favorites

b. Right click on any existing toolbars and choose ‘Favorites’.

All I know about the Favorites Toolbar is, that you can use it to create Custom Toolbars and it does nothing else but keeps sitting there unless you turn it off. I would prefer to turn it off by following steps (a) or (b) given above.

4. To create a custom toolbar, click on the ‘Customize Toolbars’ button (if already open) or Tools > Customize Toolbars…, to open the ‘Customize’ window as shown below:


as shown below:

Customize dialog box 1

5. Click on ‘New’ and enter a name for the toolbar. Click OK to close the New Toolbar box.

New Toolbar dialog box

6. In the Customize dialog box, choose the items you want to place on the toolbar from the left column and click Add. Remove and Remove All buttons will help you remove an item from you list. The up and down arrows will help you reorder the items on the toolbar. When done, click OK to exit.

Customize dialog box 2

Your custom toolbar will now appear below the other toolbars already open in Expression Web 4 and will be ready to use.

Custom Toolbar

I hope you found this article useful and I thank you for reading it.

Filed Under: Expression Web


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 (0)

Trackback URL

Leave a Reply