Spry Tabbed Panels in Dreamweaver

Get Started
1

Hi all,

I have started a site using Dreamweaver CS3 and have made a template as the basis for the pages with just the main content area set as an editable region.

I have added a Spry Menu Bar to the header section of the template file which replicates through to the other pages when saved. Two items on the Spry Menu Bar have sub menus.

If I take one example.

One of the items on the Menu Bar is ‘Cleaning’ and the sub menu items are ‘conservatories’, ‘gutters’, ‘patios’, ‘signs’, and ‘windows’.

I want the cleaning page to have five sections on Spry Tabbed Panels for the different sub menu options, so that when you click on a sub menu item in the main menu bar from any other page on the site, you are taken to the appropriate tabbed panel on the cleaning page.

The first problem I encountered was that DW won’t let me add a Spry Tabbed Panel to the cleaning page. It displays the message

Required links could not be added to this file because the <head> tag is in a locked region. To insert this content, open the template file and either unlock the <head> tag or add this content to the template
.

Since I couldn’t figure out how to unlock the <head> tag I decided on the second option and tried to add the Spry Tabbed Panel to the template. However, DW then gave me this message:

You can not insert this widget into an editable region. Please insert the widget in a locked region and create editable regions inside the widget.

It seemed like a good idea but I cannot figure out how to sort this one out. Has anyone got any ideas please? If I need to unlock the <head> tag, how do I do that?

I really hope someone can help with this

regards

Brian

2

To unlock the region of the <head> Section.

First, you need go to the Dreamweaver Template.
Second, you need insert one Editable Region in the <Head> section. for that, you could write some code like the below, before and after the <Head> Section.

<!-- TemplateBeginEditable name=“WebPageHead” –>[COLOR=“Navy”]<HEAD>

</HEAD>[/COLOR]<!-- TemplateEndEditable –>

3

Thanks PONCEPZ,

I’ll give that a try, probably be tomorrow evening now thought,

regards

Brian

4

Hi there,

I inserted an editable region as suggested and it has enabled me to insert a Spry Tabbed Panel without the error message. However, I now have another problem with the tabbed panels.

I want the sub menu items on the menu bar to send the user to the appropriate tab on the page with the Spry Tabbed Panels. I have made a named anchor on each tabbed panel in the hope that I could use a link to that anchor to send the user to the appropriate tab. However, it doesn’t work.

No matter which sub menu item you click, it only takes you to the first (default) tab. Is there a way to do this or am I asking too much?

regards, and thanks in advance

Brian