How do I create vertical submenu to collapse downward instead of sideways?

Hi. I have created a vertical menu and wanting the sub menus to collapse downwards as it covers text when shows sideways.
I have changed the buttons when hovered it shows the menu appear below the tab but it covers the 2nd tab, how do I adjust this so it doesn't cover the tabs and moves them down with the sub menu?
Hope this makes sense.

The out-of-the-box Spry menubar will not do that.
You could use the Spry collapsible panel http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html or the Spry accordion http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html for that.
An example of the latter can be found here http://backyardfurniture.com.au
Gramps

Similar Messages

  • How do I create a submenu using Muse

    How do I create a submenu using muse

    Hi,
    Kindly refer to the following links:
    Vertical Sub Menu
    Adobe Muse - Submenu - Sub Menu - Drop Down Menu - Navigation - YouTube
    Adobe Muse Getting Started - Adding A Navigation Bar - YouTube
    Regards
    Sonam

  • How do I create a submenu to a manual menu?

    Hi,
    I created a menu with the widget, set to manual. How can I now create the submenu? The pages exist, but nothing is showing up in the widget.
    Thanks, I hope ou can help me with that.
    Cat

    Hello,
    When you create a manual widget it do not create menu items on the basis of pages in plan view.
    Once you select "manual"in menu type it will give you only 1 menu item.
    Once you click on it again then it will give you "+" sign at right left an bottom. you can use bottom one to create submenus and then link it with any page in Plan view.
    Regards
    Vivek

  • How can i create menu & submenu dynamically in JSF?

    Please tell me how can i generate menu & submenu in JSF using database or dynamically.

    Stephen,
    Check this page out for some elementaries on dynamic pages in UIX. The LOV is essentially just like any other UIX page, with the two differences: it's launched and submitted differently. But these differences don't affect what content is displayed on the page.
    Dynamic Structure in ADF UIX Pages:
    http://helponline.oracle.com/jdeveloper/help/state/content/navSetId.jdeveloper/navId.4/vtAnchor.ChildData/vtTopicFile.jdeveloper%7Cuixhelp%7Cuixdevguide%7Cdynamic%7Ehtml/

  • How can i create a button with richText display instead of label

    Hi All,
    I'm trying to create a button that will look exactly as the regular spark button but will have more than one color in his label (Like attached 'buttonPic.jpg')
    I have tried to create a new button skin and new button component that will replace the label text and will to the job, but still it looks like the button original class overides the richText definitions. (Code attached)
    Maybe there is other solution?
    This is my extra code in the MyButtonSkin
         <!-- layer 8: text -->
        <!---
        @copy spark.components.supportClasses.ButtonBase#labelDisplay
        -->
        <s:Label id="labelDisplay"
                 visible="false">
        </s:Label>
        <s:RichText id="exLabelDisplay"
                    color="0x900000"
                    textFlow="{TextConverter.importToFlow(htmlTextAsHTML, TextConverter.TEXT_FIELD_HTML_FORMAT)}"
                    left="7" right="7" top="2" bottom="2">
        </s:RichText>
        <fx:Declarations>
            <fx:String id="htmlTextAsHTML"><![CDATA[<p><b>0</b>+</p>]]></fx:String>
        </fx:Declarations>

    Hi mewk,
    probably it was a catch due to eyes that actually got a bit of sleep
    anyway small test app
    <?xml version="1.0" encoding="utf-8"?>
    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768">
    <fx:Script>
    <![CDATA[
    protected function updateBtn_clickHandler(event:MouseEvent):void
    richbtn.label=mytext.text;
    ]]>
    </fx:Script>
    <s:Button id="richbtn" x="69" y="58" width="169" height="83" skinClass="ButtonSkin1" label="&lt;p&gt;hello&lt;/p&gt;&lt;p&gt;goodbye&lt;/p&gt;"/>
    <s:Button x="70" y="333" label="Update rich button" id="updateBtn" click="updateBtn_clickHandler(event)"/>
    <s:TextArea x="69" y="174" id="mytext" text="&lt;p&gt;hello&lt;/p&gt;&lt;p&gt;&lt;b&gt;bold&lt;/b&gt;&lt;/p&gt;"/>
    </s:Application>
    and a skin with minimal change
    <?xml version="1.0" encoding="utf-8"?>
    <s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
                 xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minWidth="21" minHeight="21" alpha.disabled="0.5">
        <fx:Metadata>
            <![CDATA[
            [HostComponent("spark.components.Button")]
            ]]>
        </fx:Metadata>
        <fx:Script fb:purpose="styling">
            <![CDATA[        
    import flashx.textLayout.conversion.TextConverter;
                static private const exclusions:Array = ["labelDisplay"];
    override public function get colorizeExclusions():Array {return exclusions;}
              override protected function initializationComplete():void
                    useBaseColor = true;
                    super.initializationComplete();
    override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void
                    var cr:Number = getStyle("cornerRadius");
                    if (cornerRadius != cr)
                        cornerRadius = cr;
                        shadow.radiusX = cornerRadius;
                        fill.radiusX = cornerRadius;
                        lowlight.radiusX = cornerRadius;
                        highlight.radiusX = cornerRadius;
                        border.radiusX = cornerRadius;
                    if (highlightStroke) highlightStroke.radiusX = cornerRadius;
                    super.updateDisplayList(unscaledWidth, unscaledHeight);
                private var cornerRadius:Number = 2;
            ]]>       
        </fx:Script>
        <!-- states -->
        <s:states>
            <s:State name="up" />
            <s:State name="over" />
            <s:State name="down" />
            <s:State name="disabled" />
        </s:states>
        <!-- layer 1: shadow -->
        <s:Rect id="shadow" left="-1" right="-1" top="-1" bottom="-1" radiusX="2">
            <s:fill>
                <s:LinearGradient rotation="90">
                    <s:GradientEntry color="0x000000"
                                     color.down="0xFFFFFF"
                                     alpha="0.01"
                                     alpha.down="0" />
                    <s:GradientEntry color="0x000000"
                                     color.down="0xFFFFFF"
                                     alpha="0.07"
                                     alpha.down="0.5" />
                </s:LinearGradient>
            </s:fill>
        </s:Rect>
        <!-- layer 2: fill -->
        <s:Rect id="fill" left="1" right="1" top="1" bottom="1" radiusX="2">
            <s:fill>
                <s:LinearGradient rotation="90">
                    <s:GradientEntry color="0xFFFFFF"
                                     color.over="0xBBBDBD"
                                     color.down="0xAAAAAA"
                                     alpha="0.85" />
                    <s:GradientEntry color="0xD8D8D8"
                                     color.over="0x9FA0A1"
                                     color.down="0x929496"
                                     alpha="0.85" />
                </s:LinearGradient>
            </s:fill>
        </s:Rect>
        <!-- layer 3: fill lowlight -->
        <s:Rect id="lowlight" left="1" right="1" bottom="1" height="9" radiusX="2">
            <s:fill>
                <s:LinearGradient rotation="90">
                    <s:GradientEntry color="0x000000" alpha="0.0099" />
                    <s:GradientEntry color="0x000000" alpha="0.0627" />
                </s:LinearGradient>
            </s:fill>
        </s:Rect>
        <!-- layer 4: fill highlight -->
        <s:Rect id="highlight" left="1" right="1" top="1" height="9" radiusX="2">
            <s:fill>
                <s:SolidColor color="0xFFFFFF"
                              alpha="0.33"
                              alpha.over="0.22"
                              alpha.down="0.12" />
            </s:fill>
        </s:Rect>
        <!-- layer 5: highlight stroke (all states except down) -->
        <s:Rect id="highlightStroke" left="1" right="1" top="1" bottom="1" radiusX="2" excludeFrom="down">
            <s:stroke>
                <s:LinearGradientStroke rotation="90" weight="1">
                    <s:GradientEntry color="0xFFFFFF" alpha.over="0.22" />
                    <s:GradientEntry color="0xD8D8D8" alpha.over="0.22" />
                </s:LinearGradientStroke>
            </s:stroke>
        </s:Rect>
        <!-- layer 6: highlight stroke (down state only) -->
        <s:Rect left="1" top="1" bottom="1" width="1" includeIn="down">
            <s:fill>
                <s:SolidColor color="0x000000" alpha="0.07" />
            </s:fill>
        </s:Rect>
        <s:Rect right="1" top="1" bottom="1" width="1" includeIn="down">
            <s:fill>
                <s:SolidColor color="0x000000" alpha="0.07" />
            </s:fill>
        </s:Rect>
        <s:Rect left="2" top="1" right="2" height="1" includeIn="down">
            <s:fill>
                <s:SolidColor color="0x000000" alpha="0.25" />
            </s:fill>
        </s:Rect>
        <s:Rect left="1" top="2" right="1" height="1" includeIn="down">
            <s:fill>
                <s:SolidColor color="0x000000" alpha="0.09" />
            </s:fill>
        </s:Rect>
        <!-- layer 7: border - put on top of the fill so it doesn't disappear when scale is less than 1 -->
        <s:Rect id="border" left="0" right="0" top="0" bottom="0" width="69" height="20" radiusX="2">
            <s:stroke>
                <s:LinearGradientStroke rotation="90" weight="1">
                    <s:GradientEntry color="0x000000"
                                     alpha="0.5625"
                                     alpha.down="0.6375" />
                    <s:GradientEntry color="0x000000"
                                     alpha="0.75"
                                     alpha.down="0.85" />
                </s:LinearGradientStroke>
            </s:stroke>
        </s:Rect>
        <!-- layer 8: text -->
    <s:RichText id="LabelDisplay"
    color="0x900000"
    textFlow="{TextConverter.importToFlow(hostComponent.label, TextConverter.TEXT_FIELD_HTML_FORMAT)}"
    left="7" right="7" top="2" bottom="2">
    </s:RichText>   
    </s:SparkSkin>

  • Webapps.  How can I create a link to a page instead of showing the details-view

    I want my client to define what page a webapp shall point to in list-view, instead of showing the  details view, but I cant figure out how.  I have tried this, but it seams that tags don't work inside links:
    <a href="{tag_my_custom_link}">{tag_name}</a>
    .. does any one know how to do this?

    The problem is the format of your tag.  If your field name in the web app is "My Custom Link" then your tag is {tag_My Custom Link} (note the spaces).
    Cedric is right though, make sure the field is a textfield and not a hyperlink field in your web app.  If you use BC's new "Develop" tab up top you can navigate to your web app detail layout in /Layouts/Web Apps/<yourwebapp> and find "list.html".  Then, you can use the toolbox on the right (click the data tab) to insert tags without having to guess.  You can choose your custom field and insert the tag.

  • How do I add a submenu without having to add a page?

    I have a "Services" page created for our customer.  There are currently two sub-pages from the Services page each having their own SubMenu button.  On the services page are two types of services that DO NOT need their own pages (which is why they are on the root of Services).
    The customer wants submenus for the two services that are on the root of the services page.  Currently when you hover your mouse arrow over the "Services" button, the submenues with pages only appear.
    How do you create a submenu without having to create a page?

    Hello,
    In case you are looking for a customized Menu then I would suggest you to use Manual Menu. Using Manual Menu you will be able to create your own Menu and will be able to link each Menu to the desired pages/files/URLs.
    The only thiinh that will be a task would be creating the whole Menu again (as it is not created automatically). Please refer to screenshot below on how to create Manual Menu :
    Hope this helps.
    Regards,
    Sachin

  • How Do I create a Ringtone Using an mp3??

    Hi
    As the topic suggest. How do I create a ringtone using a mp3 instead of buying ringtones from iTunes?
    Thanks
    Baz

    madgroundhog wrote:
    I've tried this method, but it's still not working for me, for some reason. I've got the 3GS. I followed the instructions, and the created ringtone is showing up in iTunes in the Ringtone section. When I connect my iPhone to my Mac, & it appears as a device in iTunes, my ringtone appears there... it just doesn't appear under the ringtone options on the iPhone itself... what am I doing wrong here? Am I looking for it in the wrong place?
    Make sure to sync your ring tones.

  • How to create a vertical submenu in my main horizontal main menu?

    I create a main menu in my site and now i'm having some difficulties creating one vertical submenu in one of the separators. Can anyone help me please?
    Thanks.
    V.

    Hi,
    From the menu options window, you need to select "All Pages" for menu type. Please refer to the following screenshot :
    Please let me know if I am missing anything.
    Regards,
    Aish

  • How do I create a vertical gradient in a table, not with an object?

    How do I create a vertical gradient effect for alternating rows in a table?
    I'm trying to get my table cells to alternate and look like this:
    Thanks,
    freecondomap

    Hi, BTJT:
    We are starting work on a large catalog project where we will need to change the gradient fill to -90 on every other row in the table - excluding the header, footer and first row of each table.
    How would you adjust the script you mentioned above to do this? and would the script work in Indesign CS5.5 versus Indesign CS6
    It does get a bit more complicated. Not super-complicated, but not as simple.
    The above idiom only works for all the rows in a table. If you want to do any specific subset, then you need to use a loop.
    But is it necessary that you change the gradient angle on every other row? Isn't it sufficient to set the gradient angle on all rows, and then apply the alternating gradient on alternate rows using the the alternating fills feature, as suggested by Jeffrey?
    I guess you also want to apply to...all the tables in your document? That would then be:
    app.activeDocument.stories.everyItem().tables.everyItem().cells.everyItem().gradientFillAngle=-90;
    Unless you need to be more selective? But I don't think you do?

  • How to create vertical Scrollbar in table control?

    Dear All,
    How to create vertical scrollbar in table controll.?
    regards,
    Dharmesh

    Hi
    It should be created automatically, if you can't see it, try to set the field lines of table control
    PROCESS PBO
    MODULE SET_ATTR_TC.
    LOOP AT ITAB WITH .....
    ENDLOOP.
    MODULE SET_ATTR_TC.
    DESCRIBE TABLE ITAB LINES SY-TABIX.
    <TABLE CONTROL>-LINES = SY-TABIX.
    ENDMODULE.
    Max

  • How to create vertical link?

    hey all,
    please help me with this one.. I saw once a vertical tab in one .pdf file, beside the document, outside the paper printable area, with link to Table of contents, i think.. I just need the electronic version to be equipped with it..
    How do i create that tab with Adobe Professional 8 or 9?
    here's a picture..
    thanks

    Post your question in the forum for Adobe Acrobat.

  • URGENT! How do I create a vertical scroll button in Flash CS6 for online banners?

    Hi, I am creating Flash online banners and the disclaimer needs to open as a vertical scroll banner once the mouse touches the 'x close' button where the words 'Disclaimer' is stated.
    How do I create a vertical scroll button including text?
    I am using Flash CS6.

    Hi Babaa,
    sry for the lateness of my reply.
    I would simply make a button that when clicked, displays a layer containing your disclaimer text. The discliamer text would be inside a Movie Clip (MC) for ease of controlling.
    the MC then contains a text field which has a scrollable field. as the user scrolls through you can then display a "close" button to close out the disclaimer MC.
    If you still need the work done feel free to email or PM me here and we can discuss the job further.
    Regards
    Russ

  • HELP! How do I create a vertical scroll button for online banners?

    Hi, I am creating Flash online banners and the disclaimer needs to open as a vertical scroll banner once the mouse touches the 'x close' button where the words 'Disclaimer' is stated.
    How do I create a vertical scroll button including text?
    I am using Flash CS6.

    Hi Babaa,
    sry for the lateness of my reply.
    I would simply make a button that when clicked, displays a layer containing your disclaimer text. The discliamer text would be inside a Movie Clip (MC) for ease of controlling.
    the MC then contains a text field which has a scrollable field. as the user scrolls through you can then display a "close" button to close out the disclaimer MC.
    If you still need the work done feel free to email or PM me here and we can discuss the job further.
    Regards
    Russ

  • I NEED HELP! How do you Create a Drop Down Accordion Navi with the child pages remaining expanded

    I would like to know how I can create a vertical accordion navigation with some custom modifications.
    I need it to function like this sites vertical navigation. (link is below)  Click on the parent page "bedrooms" and it expands revealing all of the "child pages" then click on one of the child pages, it turns the font to Underlined and all the child pages remain exposed!  (it does not collapse after you click on a child page!!!!!!!) I need my site to do this as it tells the visiter where they are exactly on the site!     Please HELP ME!  Thank You! 
    I would actually like mine to be a little more pronounced.  Perhaps having the link turn to BOLD Font indicating you are on that page.  And the main Parent page would have a diffrent background color. 
    Site that has the Navi that I want to Mimic:
    http://www.fowfurniture.com/
    EXAMPLE: Adhesives IS IN BOLD indicating you are on that page. and it remains open it should remain open until you click on another parent page like Hardwood. (Then the Hardwood child pages (Sub Menu) would expand looking like the carpet sub menus/child pages.  All of the accordians i have found seam to collapse after you select a child page (sub menu) and the visitor wouldn't know where he is on the site...  Please Help Me accomplish this!
    Carpet
                          Repairs
                          Fibers
                          Adhesives    
                          Tools
                          Pad
    Hardwood
    When nothing is selected it should look like this: The cell of "Carpet" is a slightly a diffrent color because it is in the "Hover"  state. 
    Carpet
    Hardwood
    Tile
    Vinyl
    Linoleum

    Still need help, I could do it for a value lower. contact me at [email protected]

Maybe you are looking for

  • Sync with more than one computer

    Is it possible to sync with more than one computer using the same Blackberry Curve 8310? I have a work pc and a laptop and I am using MS Outlook. I've tried syncing to both but the appointments all duplicate themselves. Is there a way to set it up so

  • How to reset keychain. Tried so many times, not working!

    frustrating...i want to reset my keychain password...coz I have forgotten what it is...tried the steps given by apple but still not working!!!! Help!

  • Message KD258 - Settle Process Order by KO88

    Hi gurus, When I run KO88 I get following message: Final delivery not entered for the order. It is not technically completed. I have checked in CO03 and the order was TECO before I try to settle it. Does anybody can help me? Thanks.

  • Synchronizing not working anymore.

    For no apparent reason my Ipod nano has stopped synchronizing frm the computer.  It is beyond frustrating.  I have purchased and downloaded lots of new music and it will not go to my ipod.  Any ideas????

  • Finding out a Managed Server Name/Port

    Hi all, Hope I have the relevant newsgroup.... Does anyone know how I might be able to find out the name of the managed server (or its port) that I am currently running on? We have a clustered environment (1 admin, 2 managed servers) but I need to ge