Custom Toolbar Add-in for Expression Web 4

Created by Anna Ullrich  and posted to the Expression Web Gallery,  the Custom Toolbar Add-in for Expression Web 4,  allows you to create one or more toolbars that contain only the buttons you specify. This is NOT the same feature for customizing toolbars as was available in Expression Web 2.0. The only items you can add to the toolbar are those listed on the left hand side of the dialog box for creating the toolbar.

Perhaps you use only some of the buttons available on the eleven toolbars that come with Expression Web 4. Numerous open toolbars take up valuable space. Now you can pick and choose from the various buttons and commands available on the toolbars and create your own with just those buttons you use regularly.

Install the Custom Toolbars add-in for Expression Web 4

  • Before you start, close ALL instances of Expression Web 4 that are currently running.
  • Download the Custom Toolbars add-in from the Expression Gallery.
  • Double-click the CustomToolbars.msi file, and follow the onscreen instructions to install the add-in.

    Screenshot Expression Web Custom Toolbar Add-in Install.

    Screenshot Expression Web Custom Toolbar Add-in Install

  • Once the installation process has completed, restart Expression Web.
  • The Favorite Toolbar which is labeled  Customize Toolbars will show below any of the default toolbars you have open in your work area. Because I had two commercial add-ins installed that had already created custom toolbars, mine displays beside one of them.

    Screenshot Customize Toolbars

    Screenshot Customize Toolbars.

  • Select View > Toolbars > Favorites to close this toolbar. NOTE: This ‘Favorites‘ toolbar that appears is known to be buggy if you try to customize it so Microsoft recommend closing it and creating a new custom toolbar from scratch.

Create a custom toolbar

  • Within Expression Web, click ‘Customize Toolbars‘  from the ‘Tools‘ menu

    Screenshot Create Custom Toolbar dialog

    Screenshot Create Custom Toolbar dialog.

  • Click New > Enter a name for your new toolbar > Click OK.

    Screenshot Create Custom Toolbar dialog box.

    Screenshot Create Custom Toolbar dialog box . Enter Name.

  • In the Customize dialog box,  select the items you want to add to your toolbar from the column on the left, and click Add.
  • To change the order of items in your toolbar, select an item you want to move from the column on the right, and then click the up or down arrows.
  • When you are done editing your toolbar, click OK.
  • Screenshot Custom Toolbar Items.

    Screenshot Custom Toolbar Items.

  • Your custom toolbar now appears below any other toolbars you have open in Expression Web 4, with all of your favorite buttons ready to use. To show or hide your toolbar, select the toolbar’s name from the View > Toolbars menu.

    Screenshot Custom Toolbar Created.

    Screenshot Custom Toolbar Created

NOTE:  Something that may help make the process easier  is once you have installed the add-in, close Expression Web and reboot your computer then create your toolbar. I had a number of problems trying to create my first toolbar on my laptop. Working with a fresh install of EW 4 on my desktop, I encountered no problems.


  1. […] This post was mentioned on Twitter by Pat Geary, Ron Reed. Ron Reed said: Custom Toolbar Add-in for Expression Web 4 » Expression Web Tips: Created by Anna Ullrich and posted to the Expres… […]

Speak Your Mind