Adding more buttons to the top nav bar

[valley decor]

Hello,

I am trying to add two more buttons top he top nav bar. I have them made. I am trying to use variables because i want them throughout the whole site. See snapshots. The code is showing on the page. I created a layout as follows:
<a href="<actinic:variable name="PortfolioPageURL" />" target="_self" onmouseover="SwapImage('nav_portfolio','button_portfolio_highlight.gif')" onmouseout="RestoreImage()"><img src="button_portfolio.gif" alt="<actinic:variable name="LoginText" />" border="0" name="nav_portfolio" /></a>

Thes is showing in the preview along with the portfolio button.

[valley decor]

OK, I am not sure what you mean but here:

<div id="maincontent">
<div id="contemporary_top_bar"><actinic:variable name="BrochureLogoImage" /></div>
<div id="contemporary_second_bar"><div style="float: right;"><actinic:variable name="QuickSearchBar" /></div>
<actinic:variable name="NavigationIcon" value="Home Image Navigation Button" /><actinic:variable name="NavigationIcon" value="Sitemap Image Navigation Button" /><actinic:variable name="NavigationIcon" value="Portfolio Image Navigation Button" /><actinic:variable name="NavigationIcon" value="Terms Image Navigation Button" /><actinic:variable value="Store Top Image Navigation Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22IsNavBarTopSectionOmitted%22%20%2f%3e%20%3d%3d%20false" /><actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22"><actinic:variable value="Up A Level Image Navigation Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3e%200" /></actinic:block><actinic:variable name="NavigationIcon" value="Contact Us Image Navigation Button" />
<actinic:block if="%3cactinic%3avariable%20name%3d%22AreRegCustomersAllowed%22%20%2f%3e">
<Actinic:NOTINB2B>
<actinic:variable name="NavigationIcon" value="Login Image Navigation Button" />
</Actinic:NOTINB2B>
</actinic:block>
</div>
<div id="contemporary_parent_section_list">

The screenshot I have my mouse pointing on portfolio button. the discription or "alt" says login.

Thanks,

Reegards,

BOB


WAIT..... could this be an issue??

Even though it says terms and conditions button, displayed is portfolio button..... hmmmm

[wjcampbe]

If that's an accurate copy & paste (which I doubt because you did not enclose it in [ code ] [ /code ] markers, then this line

Top Image Navigation Button" name="NavigationIcon"

could cause problems. There is something (maybe a lot) missing there.

The behaviour you describe does sound typical of incorrectly opened/closed tags...

[valley decor]

navigation is a variable no?? general one.

They all seem to start with name=navigation icon
<actinic:variable name="NavigationIcon" value="Home Image Navigation Button" />

<actinic:variable name="NavigationIcon" value="Sitemap Image Navigation Button" />


Here is the new button I want to add. same as the code above.

<actinic:variable name="NavigationIcon" value="Portfolio Image Navigation Button" />

in the design library I have a layout called Portfolio Image Navigation Button with the following code:

<a href="<actinic:variable name="PortfolioPageURL" />" target="_self" onmouseover="SwapImage('nav_portfolio','button_portfolio_highlight.gif')" onmouseout="RestoreImage()"><img src="button_portfolio.gif" alt="<actinic:variable name="LoginText" />" border="0" name="nav_portfolio" /></a>



What am I missing???

[wjcampbe]

<actinic:variable name="NavigationIcon" value="Store Top Image Navigation Button" />

[valley decor]

In the content tree i have Portfolio Image navigation Button. The code in this is:

<a href="<actinic:variable name="PortfolioPageURL" />" target="_self" onmouseover="SwapImage('nav_portfolio','button_portfolio_highlight.gif')" onmouseout="RestoreImage()"><img src="button_portfolio.gif" alt="<actinic:variable name="LoginText" />" border="0" name="nav_portfolio" /></a>

Whgere are the variables HomePageURL, LoginPageURL, SiteMapPageURL, ect located?? I think I need to make a PortfolioPageURL variable.

[wjcampbe]

No, you just need to replace <actinic:variable name="PortfolioPageURL" />" with the page name - portfolio.html or whatever.

But if you don't address the broken code in the middle of your post, then the buttons will still not work as you want.

[valley decor]

I want this to link to a brochure page called Portfolio. I am getting confused by the variable name =(various)PageURL in red in the code. Also, you mentioned the broken code <actinic:variable name="NavigationIcon" value="Store Top Image Navigation Button" />. where does this go and why Store Top Navigation Button? OR what should the code be in the design tree called Portfolio Image navigation Button?

Thank you

[valley decor]

Ok I think I got it. But the only thing is that the page title displays wrong. see image. I copied index.html and renamed it to portfolio and another to services. the links work. I placed them in preview html and site html folders. Not sure where the correct place is.

Thanks,

Regards, BOB

[wjcampbe]

Bob - you are gettin yourself in a right mess here. You should not be copying html pages, pasting them anywhere and naming them anything.

With the highlight on the Brochure Home page, right click, choose 'New Brochure page' give the new page a name (portfolio.html) and a title (Our Portfolio), then right click that new page and add a fragment to contain text and/or images - this is well covered in the Tutorial walkthrough you should have seen when you first installed Actinic.

You can still run through it - Help | QuickStart Tutorial.

[valley decor]

I was trying that but my hyperlinks were comming up page cannot be displayed because they were looking in previewHTML folder. All is ok now I backed up and deleted the site folder and imported the snapshot again backed up and imported again. Works fine. I guess after screwing around so much, things get messy.

I really thank you for your patients with me.

Regards,

Bob

[jont]

my hyperlinks were coming up page cannot be displayed because they were looking in previewHTML folder.

This happens when you are previewing the page off line (as per your screen grab above)... when you publish the site to the web the links will resolve themselves correctly (assuming you have put the code in correctly)