McMaster University

Faculty of Health Sciences
Web Design

Scope of Search

How to update Spry tabbed panels

Update tabbed panels in Dreameaver that were create with the Spry framework as follows:

  1. Start Dreamweaver.
  2. Edit the page with the tabbed panels.
  3. Select the tabbed panels by clicking on the blue box at the top left of the tabbed panels.

    Select Spry tabbed panels
  4. Spry Properties will appear in the Dreamweaver Properties panel.

    Spry tabs properties panel
  5. To add a new tabbed panel, click + (plus sign) in the Properties panel.

    Spry tabs add panel

    Enter text in the tab and enter text and other content in the content area for the tab.
  6. To remove a tabbed panel, click - (minus sign) in the Properties panel.

    Spry tabs delete panel
  7. To move a tab up in the order, click the up arrow.

    Spry tabs move up
  8. To move a tab up in the order, click the down arrow.

    Spry tabs move down
  9. Make sure the default panel is the one you want to be seen first when a visitor views the page. For example, if you have a news or events page, you usually will want the latest month appearing first as the default panel.
  10. Save the page and check in (or put) to upload the file to the server.
  11. Check the page in your browser.