Menus replaced by a generic Script Icon - menus can't be edited - still work in browser.
|
Problem: Can't see or edit the menus in GoLive.
While I am in Layout mode in Golive, my MenuMachine menus are appearing as generic JavaScript icons (and I can't do any editing), but the menus display and work fine in Preview or in a Browser.
What do I need to do to get my menus back?
If your menu looks like the one at right, and you only see a blank Inspector when you click on the icon, your menus are still OK, but GoLive no longer recognizes them as editable anymore.
|
 |
 |
Solution: Replace the MenuMachine tags that have been stripped out when the page was uploaded.
You may be seeing this issue if you have downloaded the page from your web server.
If, when you uploaded the site, you had "Strip Adobe GoLive Elements" selected, the MenuMachine tags are stripped as well. When you download the page, the menu does not appear correct in GoLive and can't be edited in Layout View, but the menu still works in browsers or in Preview.
(If this scenario does not describe the problem – perhaps if you have edited the source code and simply removed part of the menu code, contact support.)
To find out if the code was stripped, open the site that this page came from an bring the site window to the front.
GLCS: go to Site > Settings > Upload/Export. Look at the Strip HTML code for: Adobe GoLive Elements. If this setting is checked/on, the tags are stripped when you upload to your server.
GL6: go to Site > Settings > Export. Look at the Site Specific Settings. If this is checked/on, look down to Strip HTML code for: Adobe GoLive Elements. If this setting is checked/on, the tags are stripped when you upload to your server.
To repair the menu after downloading from a server, follow these instructions...
Updating the page is fairly easy. You need to go to Source view and add some code. The code added is indicated in red on this page.
You need to add a set of <bb:menulib> tags for the link to the script library in the <head> section and a set of <bb:menu> tags for each menu object in the <body> section of the page.
So, find the link to the menumachine.js file in the <head> section. It looks something like this:
<script type="text/javascript" src="GeneratedItems/menumachine.js"></script>
(Your link to the menumachine.js file may be different so don't change it.)
Around the <script> tags place this code:
<bb:menulib c="0"> ... </bb:menulib>
So you would have this:
<bb:menulib c="0">
<script type="text/javascript" src="GeneratedItems/menumachine.js"></script>
</bb:menulib>
Next, in the <body> area, you must find the code for each menu, which is a <div> tag that encloses a <script> tag with bbL=bbMenu etc in it.
Now, between the <div> tag and the <script> tag you must create a new <bb:menu> tag. The width and height attributes of the <bb:menu> tag are modified from the dimensions of the style attribute of the <div> tag.
So, if you had:
<div id="bbML" style="width:100px; height:30px; ...">
<script type="text/javascript"><!--
then you would add the <bb:menu tag> like so:
<div id="bbML" style="width:100px; height:30px; ...">
<bb:menu width="85px" height="20px" v="1.5" i="1">
<script type="text/javascript"><!--
The attributes for the <bb:menu> tag should be set like this:
- width: should be the width set in the <div> tag less 15 pixels.
(so 100-15=85 in the example above)
- height: should be the height set in the <div> tag less 10 pixels.
(so 30-10=20 in the example above)
- v: must always be 1.5
- i: must always be 1
Then of course you must close the <bb:menu> tag, so at the end of the <script> block you would now have:
bbMenu[bbL].buildLayers();
//-->
</script>
</bb:menu>
</div>
</body>
</html>
That should be all you need to do.
If the dimensions of the menu do not seem correct in layout mode, simply click the Base Menu Resize button  in the Edit Tab of the MenuMachine inspector. Check the total width and total height boxes and click OK. This will correct the menu dimensions in layout view.
|
