Sub menu in accordian menu

I'm trying to set up a mobile accordion menu with sub menus for my site using the widgets in muse. When I click on the top menu button it brings up another accordion menu it looks like. It is on the right side of the button not under the button where I would prefer. Also it doesn't shift the other top level buttons below it when it is open. Any solutions?

If I use state buttons under the second accordion they do not react to it (facilities button does not move down when the services accordion is expanded)

Similar Messages

Links not working in Spry Accordian Menu

When clicked the links in the left side accordian menu do not work. However, the child-links work great. Example: http://www.richartbuilders.com/remodel.php
HEAD TAGS:
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal2.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<link href="content.css" rel="stylesheet" type="text/css" />
HTML:
<div id="navSide">
    <div id="sideWrapper">
      <div id="Accordion1" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="../remodel.php">Remodel</a></div>
          <div class="AccordionPanelContent"></div>
         </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="../windowsdoors.php">Windows & Doors</a></div>
          <div class="AccordionPanelContent"></div>
          </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="../weatherization.php">Weatherization</a></div>
          <div class="AccordionPanelContent"></div>
         </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="#">Electrical...</a></div>
          <div class="AccordionPanelContent">
            <ul>
              <li><a href="residential.php">Residential</a></li>
              <li><a href="commercial.php">Commercial</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
</div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1" ,{ useFixedPanelHeights:false, defaultPanel:0});
</script>
external CSS:
@charset "UTF-8";
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
    overflow: hidden;
    border: 1px solid #CCC;
    width: 145px;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
    margin: 0px;
    padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
    background-color: #F2F2F2;
    margin: 0px;
    padding: 12px;
    cursor: pointer;
    font-family: "Myriad Pro", Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #0071BC;
    border-bottom: 1px solid #CCC;
    /* [disabled]text-transform: uppercase; */
.AccordionPanelTab a {
    text-decoration:none;
    color: #0071BC;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
    overflow: auto;
    margin: 0px;
    padding: 0px;
.AccordionPanelContent ul {
    list-style-type:none;
    margin:0;
    line-height: 22px;
    font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
.AccordionPanelContent ul li {
    color:#666;
.AccordionPanelContent ul li a {
    display:block;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
.AccordionPanelContent ul li a:link, .AccordionPanelContent ul li a:visited {
    text-decoration:none;
    color:#0071BC;
.AccordionPanelContent ul li a:hover, .AccordionPanelContent ul li a:active {
    color:#FF9900;
.AccordionPanelTab a:link, .AccordionPanelTab a:visited {
    color:#0071BC;
.AccordionPanelTabHover a:hover, .AccordionPanelTabHover a:active {
    color:#FF9900;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
    background-color: #FFFFFF;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
.AccordionPanelOpen .AccordionPanelTabHover {
    color: #555555;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
    /* [disabled]background-color: #3399FF; */
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
    /* [disabled]background-color: #33CCFF; */
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;

When clicked the links in the left side accordian menu do not work. However, the child-links work great. Example: http://www.richartbuilders.com/remodel.php
HEAD TAGS:
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal2.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<link href="content.css" rel="stylesheet" type="text/css" />
HTML:
<div id="navSide">
    <div id="sideWrapper">
      <div id="Accordion1" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="../remodel.php">Remodel</a></div>
          <div class="AccordionPanelContent"></div>
         </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="../windowsdoors.php">Windows & Doors</a></div>
          <div class="AccordionPanelContent"></div>
          </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="../weatherization.php">Weatherization</a></div>
          <div class="AccordionPanelContent"></div>
         </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="#">Electrical...</a></div>
          <div class="AccordionPanelContent">
            <ul>
              <li><a href="residential.php">Residential</a></li>
              <li><a href="commercial.php">Commercial</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
</div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1" ,{ useFixedPanelHeights:false, defaultPanel:0});
</script>
external CSS:
@charset "UTF-8";
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
    overflow: hidden;
    border: 1px solid #CCC;
    width: 145px;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
    margin: 0px;
    padding: 0px;
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
    background-color: #F2F2F2;
    margin: 0px;
    padding: 12px;
    cursor: pointer;
    font-family: "Myriad Pro", Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #0071BC;
    border-bottom: 1px solid #CCC;
    /* [disabled]text-transform: uppercase; */
.AccordionPanelTab a {
    text-decoration:none;
    color: #0071BC;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
    overflow: auto;
    margin: 0px;
    padding: 0px;
.AccordionPanelContent ul {
    list-style-type:none;
    margin:0;
    line-height: 22px;
    font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
.AccordionPanelContent ul li {
    color:#666;
.AccordionPanelContent ul li a {
    display:block;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
.AccordionPanelContent ul li a:link, .AccordionPanelContent ul li a:visited {
    text-decoration:none;
    color:#0071BC;
.AccordionPanelContent ul li a:hover, .AccordionPanelContent ul li a:active {
    color:#FF9900;
.AccordionPanelTab a:link, .AccordionPanelTab a:visited {
    color:#0071BC;
.AccordionPanelTabHover a:hover, .AccordionPanelTabHover a:active {
    color:#FF9900;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
    background-color: #FFFFFF;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
.AccordionPanelOpen .AccordionPanelTabHover {
    color: #555555;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
    /* [disabled]background-color: #3399FF; */
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
    /* [disabled]background-color: #33CCFF; */
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;

Sharing A Solution - CREATING A SET OF SUB MENUS ON MAIN MENU IN iDVD

A recent question I posted got some attention from a number of people about how to create a set of sub menus on the main menu of an iDVD project. Evidently there are a number of us who tried to find a way to do this. I attended an Apple Store iDVD workshop and was fortunate enough to be the only one in attendance. So I had the Mac Genius’s attention for a full hour and he was very helpful. Here’s how to do this in detail. Good luck!
- Fred
CREATING A SET OF SUB MENUS ON MAIN MENU IN iDVD
NOTE: when you import the iMovie file don’t add to the drop zones or add music to the sub menus until you finish this work!
Go to the map view. Once in map view choose to show the map view as a flow chart moving from left to right – it’s the left selection of the two which appear on the left-hand side of the sizing slider tool that determines how big the map view icons will appear. You will want to set that slider to the minimum size to make it easier to navigate. Select the main menu icon.
Open the main menu to edit it and select “Scene Selection” and then copy and paste it as many times as you have sub menus. Each sub menu can only hold 6 scenes so if you have 18 scenes you will have 3 sub menus which means you will copy the first one and then past it twice which will give you 3 sets of “Scene Selection” options on the main page.
After you create the set of “Scene Selections” return to map view. You will now have a copy of each group of sub menus under each sub menu. The entire film will be recreated for each set of “Scene Selections” that you have and you need to edit them out so that you have only one for each sub menu.
You CANNOT simply delete the groups in front of the one you want to keep. For instance, suppose you have 3 sub menu groups and you are at the first sub menu selection. You cannot simply delete the first two groups in front of the third one – it will delete all of the sub menus after the one you want.
(REPEAT FROM HERE) Go to the last group of sub menus and select the scenes for the first group of sub menus. In other words go down to the last grouping of sub menus, locate the first sub menu group and choose each scene within the group and delete each one. This will leave you with an empty sub menu. Do this for the next group and any subsequent group up to the last one. Do not delete the last group! This is the group you want at this level.
Once you have deleted the scenes you can cut and paste the last group of scenes to the first sub menu selection in the group. Once done you can delete the other sub menus groups that come after the first one.
Once you have the group of scenes moved to the first sub menu selection you need to change the name of the group of scenes. For instance if you are working on group 13-18 you need to change the group name from 1-6 which is what it is currently named.
Repeat these steps for each successive group moving up from the last one to the top with one change – you will choose to delete the last group from each successive sub menu since you have already saved it in the last group you worked on which is below the one upon which you are now working.
Once you are at the top group you will then simply be able to delete the other sub menus that appear beyond the first one.

Nicola,
The Fact: It's all in the markup and the CSS.
The Problem: We are not privy to your markup and CSS and as such cannot help you.
The Solution: Supply a link to your site, or at the very least, copy and paste your code here
Gramps

Linking accordian menu

I want to lik the images and swf to local files but I'm not able to do so. Could you please tell me how?
I took the code from an accordian menu tutorial
This is the xml code
<?xml version="1.0" encoding="utf-8"?>
<menu menuOpen="1" moveOnMouseOver="false">
           <item Ititle="home" IcontentType="image/swf" IcontentData="image2.jpg"/>
           <item Ititle="about" IcontentType="text" IcontentData="Our company is based on UK! Know how we have born!; Click here"/>
           <item Ititle="Products" IcontentType="image/swf" IcontentData="image5.jpg"/>
           <item Ititle="Services" IcontentType="image/swf" IcontentData="item2.swf"/>
           <item Ititle="Contact" IcontentType="image/swf" IcontentData="image1.jpg"/>
</menu>
This is the AS code
//import tweenlite classes
import gs.TweenLite;
import gs.easing.*;
var MENU_ARRAY:Array; //used to save the items data
var OPENED_MENU:int; //to inform the menu that should be open at startup
var MOVE_ON_MOUSE_OVER:Boolean=false; //tha name says everything
var xmlLoader:URLLoader; //the xml loader
loadXML("menu.xml"); //load the xml
function loadXML(Uri:String):void {
xmlLoader = new URLLoader();
xmlLoader.addEventListener(Event.COMPLETE, onComplete);
xmlLoader.addEventListener(IOErrorEvent.IO_ERROR, onError);
xmlLoader.load(new URLRequest(Uri));
function onError(evt:ErrorEvent):void {
trace("cannot load xml file");
function onComplete(evt:Event):void {
//read and load xml into array, by parsing it using prepareMenu
MENU_ARRAY=prepareMenu(xmlLoader.data.toString());
placeItemsOnStage(); //place all required items on stage.
function placeItemsOnStage():void {
     var pos:Number=0;
//define the container properties
menuContainer.x=0;
menuContainer.y=0;
     for(var c:int=0; c<MENU_ARRAY.length; c++) {
       var it:menuItem = new menuItem; //load out menuItem, because its exported to AS, we can use it here
            it.x=c*27; //its the gray border width
          it.y=0; //place on top
          it.id="Item-"+c; //id the menuItem
          it.name="Item-"+c; //name de menuItem
          it.posX=pos; //actual pos, useful to open and know is position
          it.itemLabel.text=String(MENU_ARRAY[c].Ititle).toUpperCase(); //load the label in uppercase
          it.addEventListener(MouseEvent.CLICK, onMouseClick); //add mouse click listener
          if(MOVE_ON_MOUSE_OVER==true) it.addEventListener(MouseEvent.MOUSE_OVER, onMouseOver); //if configured, load the mouse over event
          it.useHandCursor=true; //use hand cursor
          it.buttonMode=true; //buttonMode
          it.itemText.visible=false; //hide the textField
          menuContainer.addChild(it); //add the menu item as child
           if(String(MENU_ARRAY[c].IcontentType)=="image/swf")     { //check the content and load things accordint to it
                 var ldr:Loader = new Loader();
                 ldr.x=27;
               ldr.y=0;
               it.addChild(ldr);
               ldr.load(new URLRequest(MENU_ARRAY[c].IcontentData.toString()));
          else if(String(MENU_ARRAY[c].IcontentType)=="text") {
               it.itemText.visible=true;
               it.itemText.text=MENU_ARRAY[c].IcontentData.toString();
     pos+=27; //the next menuItem x position
//put mask in place
masker.width=(MENU_ARRAY.length*27+325)
masker.height=menuContainer.height;
masker.x=0;
masker.y=0;
moveItem(OPENED_MENU-1); //open menu confirured in XML
function onMouseOver(evt:MouseEvent):void {
     if(evt.target.name.toString()=="buttonBack") prepareMove(evt)
function prepareMove(evt:MouseEvent):void {
var targetName:String = evt.currentTarget.name.toString(); //get the menuItem
var temp:Array = targetName.split("-"); //split his name: Item-x
var itemNumber:int=(temp[1]); //got item number
moveItem(itemNumber); //move it
function onMouseClick(evt:MouseEvent):void {
if(evt.target.name.toString()=="buttonBack") prepareMove(evt); //mouse action was done in buttonBack
else trace("Item "+evt.currentTarget.name+" clicked!"); //mouse action was made on accordion area
function moveItem(num:int):void {
var itemToMove:menuItem=menuContainer.getChildByName("Item-"+String(num)) as menuItem;
//get the menuItem child
for(var m=0;m<MENU_ARRAY.length;m++) //move one-by-one to the new position
var tempMc = menuContainer.getChildByName("Item-"+m);
if(tempMc.x > itemToMove.x) TweenLite.to(tempMc, 1, {x:((tempMc.posX) + itemToMove.width-27), ease:Quart.easeOut}); //see tweenLite for info about this.
else if(tempMc.x <= itemToMove.x) TweenLite.to(tempMc, 1, {x:(tempMc.posX), ease:Quart.easeOut});
function prepareMenu (XMLData:String):Array
//make sure it cames in XML
var menuXML:XML = new XML(XMLData);
//just in case
menuXML.ignoreWhitespace = true;
//get XML item's entrys
var XMLItems = menuXML.descendants("item");
//load all items into an array
var itemsArray:Array = new Array();
var itemObj:Object;
for(var i in XMLItems)
itemObj=new Object();
itemObj.Ititle=XMLItems[i].@Ititle;
itemObj.IcontentType=XMLItems[i].@IcontentType;
itemObj.IcontentData=XMLItems[i].@IcontentData;
itemObj.itemID="menu"+i;
itemsArray.push(itemObj);
OPENED_MENU=menuXML.@menuOpen; //get menu for open.
MOVE_ON_MOUSE_OVER=([email protected]()=="true" ? true : false); //get the option for load or not mouseOver open
return itemsArray;
//finish.
stop();

Bring up this post! I am also inquiring something similiar in another thread http://forums.adobe.com/message/3855478#3855478
Thanks peeps!

Using a Stacked Bar Chart With an Accordian Menu

I am having difficulty using a stacked bar chart with an accordian menu. I am able to have one stack bar populate but the other four stays blank. There seems to be an issue with my destination. I dont think it likes that my destination is more than one row and one column. Is there a way to fix this?

Hello,
I think there may be an issue in how your model/Accordion Menu was configured. What insert option are you using? Your destination should only be 'one' row OR 'one' column at the most.
Thanks,
AJ

Using Dynamic Visibility with Accordian Menu

Hiya. I am trying to use dynamic visibility with an accordian menu. My menu categories are years, 2005 - 2010. My categories items are key performance indicators such as abandon percentage, first call resolution, customer satisfaction percentage, call volume and average speed of answer.
Of my 6 KPIs, 4 display as percentages and 2 display as whole numbers. When the percentage graphs are displayed the axis labels needs to be percentages. When the whole number graphs are displayed the axis label needs to show whole numbers.
I thought to achieve this I should use dynamic visibility with two different line charts where one line chart shows percentages and the other line chart shows whole numbers. However I am strugging trying to make that happen.
Is my concept correct, or is there an easier way to accomplish this? If my concept is correct,can someone give me some advice on how to make dynamic visibility display the correct chart depending on which KPI I select from my accordian menu?
Thanks!

Hi
You can achieveby doing following steps..
Insert your categories into D3 and label bind to E3.
take two charts and bind to the destination data of Accordion menu
then write a formula in F3 like this =IF(OR(E3="abandon percentage",E3="customer satisfaction percentage"),1,0)
and bind your two charts to the F3 and set DV for % charts as 1 and # charts as 0.
I hope this will helps you
Thanks,
Srinivas Dandamudi.

Menu Button from sub menu to main menu (transition movie in the way.)

In the general tab of the disc menu I set the menu button to go to the main menu.
When I click "menu" on my remote in simulation from a sub menu I expect it to return me to the the main menu.
However, clicking menu from a sub menu automatically brings me up one connection.
I have transition movies that are between the main menu and the sub menu.
So effectively, the menu button is a loop if a viewer tries to navigate upward with the menu button from a sub menu. They see the transitional movie and return to the sub menu they were trying to navigate from.
On page 609 of the manual it says...
Menu: Supported by all elements that can set remote control settings (disc, track, story, marker, and slideshow) except menus. You should generally link this button to the last menu viewed.
Is there a work around that will allow me to make the menu button link from a sub menu to the main menu, even if I have a transition movie in between?
Thanks,
Tom
Power Mac Dual 1.0 GHz G4, Quick Silver Mac OS X (10.4.3) 1.5 Gig Ram, 250 gig internal drive, 2 x G-Raid500, FW800 Sonnet Card, AJA IO
Power Mac Dual 1.0 GHz G4, Quick Silver Mac OS X (10.4.3) 1.5 Gig Ram, 250 gig internal drive, 2 x G-Raid500, FW800 Sonnet Card, AJA IO

Hang on Tom - are you saying that you are in a sub menu, pressing the 'menu' button on your remote control, seeing the transition and ending back at the menu you started from?
I would expect this if you used the menu button...
What happens is the menu button acts as a resume function if you are in a menu. That is, it will play the last piece of footage - your transition. This is set to go back to the sub menu, so that's where you end up. Read those details again... the bit where it said 'except menus'.
If you are in a menu and want to go up one level then you need to either use the Title button (if the title menu is the one you want to get to), or the return button (which won't work all that well). The best way, however, is to add a button on your menu screen which lets the viewer click it to go to the menu that you want.

Problems with accordian menu, look familiar?

I just upgraded to SP3, and although I have never used the accordian menu, I think I know what it should look like, but since I upgraded, something seems broken.
When I go to the accordian menu (properties), all that is available in the menu area is "General", and the only options are "Name", "Value" and "Bind" in the header of the columns.
Can anyone tell me what I have done?
Many thanks,
Johnny

Hi:
For Accordion Menu, there should be three tabs under property sheet, General, Behavior, Appearance. Also this component should be only available for Xcelsius Engage, and Enterprise version.
You can try to reinstall Xcelsius to see whether it is the installation problem.

Copy an accordian menu

is it possible to copy an accordian menu onto a new page, i
would just save it as a new page but I want to change the language
of the menu and therefor the template for the other page is
completely different. So I would like to copy the english menu onto
the spanish page and then just go through and change the
text.

Hello,
I think there may be an issue in how your model/Accordion Menu was configured. What insert option are you using? Your destination should only be 'one' row OR 'one' column at the most.
Thanks,
AJ

Dynamic Accordian Menu - Stay Open?

Hi,
I've developed an accordian menu seen on left hand side here:
http://quarsh.worldsecuresystems.com/
Managed to get it all working so that when the top item is clicked it opens the submenus and other items without submenus remain as standard links.
I would now like to be able to force the submenu items to stay open if possible. It's acceptable to have to put some special code in relative areas in the dynamic menu editor or in templates.
Anyone got any pointers?
Many thanks,
Tom

Hello Tom,
If you want to keep the submenu open when you are on those pages you should just need some css.
For the hidden ul, when we are within the "What We Do" section would just be:
#nav ul li.selected ul{
display: block;
You will still be able to click the "what we do" link to make the ul hide, but it will show on page load.
Hope this helps,
Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

Reg: Creating sub menu for a concurrent program under menu on the Menu bar

Hi all,
I would like to know, how we can create a sub menu for a conc. program under a sub menu on the Menu Bar ?
Thanks In Advance.
Regards,
Neeti

It is a 2 step process. First, enable a new menu entry, which when called will fire a user-named trigger, where the call to the concurrent programs form is the executed. How to do it depends on the release. Previous to 11.5.10, this has to be done trough custom.pll, and 11i10 an r12 with forms personalization. Documentation and examples exists for both cases, have a look on metalink.

Adding sub-menus wrecks main menu bar display

I have just learned to create a Spry horizontal pull-down menu. I have dark gradient images for both the 'up' and 'down' states, and I've set my text attributes and everything works fine.
(I'm new, but trying hard.)
HOWEVER - I have 2 problems:
as soon as I add in sub-menus to a menu item, the gradient images fail to show on the main menu for that menu item only. I just get a white block, out of which you obviously can no longer read the white text. The gradients and other attributes immediately apply beautifully to the sub-menu items (even though I haven't even applied any attributes to them yet!), but they are lost from the main menu bar wherever I apply sub-menus.
ALSO - although the 'up' state gradient image works fine behind the menu item, the downstate does not show when I hover my mouse over it. I've checked that the 'up' and 'down' files are not identical, and I've ensured that they are both applied in the CSS.
When I remove the sub-menus - works fine. Add 'em back in, problem recurs. Applies to whichever menu item I apply the submenus to.
I have downloaded the latest version of Spry (no idea which version I already had) but can't see where to install it or how to run setup. Why are things never easy...?
I am using Dreameaver CS4 v10 and Chrome browser. Same thing happens in Firefox, IE and Safari - no difference.
Please forgive my newness. I have had a look at other similar forum posts but although people seemed to have linked issues, they were not the same.
Anyone any ideas? I am getting desperate. Been trying to fix it by myself all day.
Thanks
Nicola

Nicola,
The Fact: It's all in the markup and the CSS.
The Problem: We are not privy to your markup and CSS and as such cannot help you.
The Solution: Supply a link to your site, or at the very least, copy and paste your code here
Gramps

Clicking on separator / arrow in menu closes that menu

Hey. I discovered that clicking on separator or arrow (submenu title) in some menu closes that menu. Is that some way how to disable that? Sometimes I accidentally click on it.
I know it is possible to just click and drag to menu item and release, but it isn't much comfortable for big menus.

Yes, I have this exact problem. The 10.5.1 patch did not fix it.
I use my macbook pro at home and at the office for about the same amount of time every day. At home I download torrents over wifi. When I'm in the office I am connected to DSL and I do not download torrents, just relatively small files.
The KPs have only happened for me at home, with Azureus running on the wifi. I'll come back to my computer after letting it sit and my internet connection is completely dead. Like you, I click the Airport icon on the menu bar and i get the KP. This has happened 10+ times for me.
I now connect with ethernet at home and switched to Transmission and I haven't had the problem since. I'm assuming it has nothing to do with Azureus and only happens when the computer is connected via wifi.
On a side note, I am connected to the DSL at work via wifi and I have ever had the KP. This is using the machine for some downloads (sub 50mb) and constant connection and use of the wifi for 8+ hours per day.
I really hope there's a fix for this soon because there are several other people experiencing this frustrating problem as well.
My advice to you is connect to the internet via ethernet for now until there's a fix.
Message was edited by: vhektor

How can I add more than one same spry menu (eg. collapsible menu) with in different styles (font size, color, background, etc) on current page?

How can I add more than one same spry menu (eg. collapsible menu) with in different styles (font size, color, background, etc) on current page?

Hi Nancy,
This screenshot was only for imagination. A part of the code (not all) is below. In the code there are some background images but they are not seem in live mode.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="css/my_site.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css"/>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<style>
#CollapsiblePanel1 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-color: #003366;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel1 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    line-height: 52px;
#CollapsiblePanel1 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 52px;
#CollapsiblePanel2 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/international.jpg);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel2 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel2 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel2 .CollapsiblePanelContent {
    background-color: blue;
#CollapsiblePanel3 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel3 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel3 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel4 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel4 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel4 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel5 .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 52px;
    color: #FFF;
#CollapsiblePanel5 .CollapsiblePanelTabHover .CollapsiblePanelTab {
    background-color: #003366;
    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    background-image: url(images/TR_Col-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
#CollapsiblePanel5 .CollapsiblePanelClosed .CollapsiblePanelTab {
    background-color: #C3CFDF;
    border-radius: 5px 5px 0px 0px;
    color: #999
    text-shadow: 1px 1px #000;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    background-image: url(images/TR_Gray2-WEB.png);
    background-repeat: no-repeat;
    line-height: 52px;
</style>

HT1420 I need to authorize my computer for my daughter's new ipod touch but there is no Store menu or Advanced menu in the new version of iTunes I just downloaded today. I can't see a way to do it.

I need to authorize my computer for my daughter's new iPod Touch but in the new version of itunes that just upgraded to day there is no "store" menu or "advanced" menu that I can see and I can't see a way to do it. So anything she buys with her i.d. won't transfer. Help!

Authorization and Deauthorization
Macs: iTunes Store- About authorization and deauthorization.
Windows: How to Authorize or Deauthorize iTunes | PCWorld.
In iTunes you use the Authorize This Computer or De-authorize This Computer option under the Store menu in iTunes' menubar. For Windows use the ALT-S keys to access it. Or turn on Windows 7 and 8 iTunes menus: iTunes- Turning on iTunes menus in Windows 8 and 7.
More On De-authorizing Computers (contributed by user John Galt)
You can de-authorize individual computers, but only by using those computers. The only other option is to "de-authorize all" from your iTunes account.
1. Open iTunes on a computer
2. From the Store menu, select "View my Account..."
3. Sign in with your Apple ID and password.
4. Under "Computer Authorizations" select "De-authorize All".
5. Authorize each computer you still have, as you may require.
You may only do this once per year.
After you "de-authorize all" your authorized computers, re-authorize each one as required.
If you have de-authorized all computers and need to do it again, but your year has not elapsed, then contact: Apple - Support - iTunes - Contact Us.

Sub menu in accordian menu

Similar Messages

Maybe you are looking for