Menu to collapse/expand mouseover/mouseout

Hi,
Can someone pease provide some sample on how to create a menu i.e. mouseover shows the menu. Currently I have a herirachical menu built using javascript. How can I have the same in ADF when I mouseover/mouseout it automatically expands/collapse.
Thanks

Thanks as per your instructions am able to show the menu in a dropdown (I used a command button and attached af:showPopupBehavior tag with mouseOver triggertype) but how do I make my menu hide automatically as soon as I move my mouse away. As currently I have set the trigger type as mouseover and it shows the dropdown menu as soon as I moveover the command button but moving mouse away does not hide the menu how can i achieve this.
How can I have Heirarchical Menu i.e.
Top Level
First
Second > Sec First
          Sec Second
ThirdI am trying have a menu e.g. http://msn.foxsports.com/
it shows multiple level dropdown menu with mouseover.
Thanks
Edited by: guest0012 on Jul 15, 2009 12:46 AM

Similar Messages

  • EA1 - Ability to use Search option and code collapse/Expand option in ...

    Noticed the following feature which was Scheduled for Release 1.5 is missing.
    "Ability to use Search option and code collapse/Expand option in the Normal mode of PL-SQL Editor"
    This feature could save a lot of time on code reading/review/....
    Thanks,
    K.Nataraja Suthan,

    You can use the search on the read only (normal mode) of the PL/SQL Editor. Either through menu or using ctrl F.
    The other is still an enhancement and is being tracked.
    Sue.

  • [CS3]Implementing collapsing/expander region in CS3

    Hello all,
    I'm trying to add a collapsing/expander region in one of my palette/dialog in a plugin, a sample of that was implemented in 'Effects' palette in CS3, Can someone give me some direction/ code snippet to implement that?
    Thanks for any help,
    Mor

    I am working on one now (must be a fashion thing).<br /><br />the key calls are:<br /><br />IControlView's MoveTo for the widgets <br /><br />and  <br /><br />InterfacePtr<IControlView> cv(fPanel, UseDefaultIID());<br />cv->Resize(newDimensions);<br /><br />to resize the panel.<br /><br />plus you need to calc the new heights and  for top left's for the widget, once you picked up the click to do expand or shrink.

  • Web Interfaces: BPS-Hierarchy: Collapse/ Expand all nodes

    Hello,
    having a bps hierarchy in a web interface, is there any way to collapse/ expand all nodes at once (via a button)?
    Cheers,
    Simon

    Simon
    Web interface does not support the collapsing of hierarchy.
    it will automatically expands hierarchy.
    Thanks,
    Raj.

  • Disable "collapse/expand navigation panel"

    Hello,
    I would like to hide the arrow symbolizing the collapse/expand navigation panel functionallity and the arrows to resize the navigation panel... Is this possible? If yes, does anybody know how I can realize that?
    Kind regards,
    dominik

    Hi
    refer this thread
    remove/hide navigation panel header
    Regards
    Ganesan S

  • How to force pop up menu to collapse when link clicked

    I have a cascading pop up vertical menu built with Fireworks
    8. It opens over the target iframe into which the linked content
    loads. I would like the menu to collapse when the user makes a
    selection.
    Can I do this?
    Thanks...
    J

    Note: This thread was originally posted in the [Java Programming|http://forums.sun.com/forum.jspa?forumID=31] forum, but moved to this forum for closer topic alignment.

  • Mouseover/Mouseout Animation bug when mouse moved quickly/fast over it.

    Hi everyone, this is the first time I create a thread on adobe forum ^^
    In edge animate I made a pretty simple animation :
    - I made a square
    - I made a movieclip with an animation of about 200ms (opacity) that show some text appart from the square.
    Then I used mouseover/mouseout on the square to play & playReverse the animation of the text like that :
    Mouseover :
    sym.getSymbol("textclip").play();
    Mouseout :
    sym.getSymbol("textclip").playReverse();
    So everything works fine when I move the mouse on & off the square.
    I made this 6 times, so I have 6 differents square & 6 differents text animation.
    But when I quickly move the mouse from one to another, some animation just bug but in a strange way :
    the text is always shown and when I move the mouse to the associate cube that is normally playing the animation the text simply dissapear, and show back when I leave the cube with my mouse.
    I tried to use mouseenter mouseleave but I'm not really sure what to use and how to do that.
    Thanks in advance for any help.

    Hi, Achyp-
    Welcome to the forums!  As you mentioned, you should use mouseenter and mouseleave instead of mouseover and mouseout.  Here's what you would do:
    Delete your mouseover and mouseout events
    Add the mouseenter event and stick your code from mouseover into it
    Add the mouseleave event and stick your code from mouseout into it
    Hope that helps point you in the right direction!
    Thanks,
    -Elaine

  • CSS advice for Image scale mouseover/mouseout event

    Hi,
    I'm trying to add CSS to an image to create a mouseover/mouseout event. I just can't seem to get it to work.
    I wan't the the scale of the image to increase to 1.5 on mouseover, then return to 1 on mouseout.
    Any advice on the CSS coding would be greatly apreciated....
    Also how would I make an image hover whilst mouseove?.
    Thanks, Mike

    In mouseover event:
            var escalaX=1.5;
            var escalaY=1.5;
            image.getSymbolElement().css({
                "-webkit-transform":"scaleX(" + escalaX + ")",
                "-moz-transform":"scaleX(" + escalaX + ")",
                "-o-transform":"scaleX(" + escalaX + ")",
                "-ms-transform":"scaleX(" + escalaX + ")"
            image.getSymbolElement().css({
                "-webkit-transform":"scaleY(" + escalaY + ")",
                "-moz-transform":"scaleY(" + escalaY + ")",
                "-o-transform":"scaleY(" + escalaY + ")",
                "-ms-transform":"scaleY(" + escalaY + ")"
    if your image is not a symbol, then you must to use sym.$("image").css(... syntax.
    If you prefer animation and not instantaneous change, you can to see this thread: http://forums.adobe.com/message/5590639

  • Collapse/expand rows in matrix

    Hello,
    I have a matrix with (e.g) 5 rows. What i need is to collapse/expand some of these rows. For example row 1,2,3 should be "connected" and when pressing a button in the 1st row the other 2 rows should be expanded. I hope I was clear enough.
    Thanks

    Hi
    please use a Grid instead of a Matrix. Then you can easily set the "collapse" level.
    Also check the SDK sample for grid, there you will find everything you need.
    Regards
    Sebastian

  • MouseOver/MouseOut Timing Issue

    I'm having an issue with my MouseOut events not firing if the MouseOver is done too quickly. Does anyone have a workaround for this?
    Details
    I have a menu (shown below) that consists of 8 separate symbols. Each symbol has a MouseOver and MouseOut event to make the buttons look like this when you hover (the mouse in this pic is over the Pricing button):
    I'm using the following two handlers:
    - MouseOver - sym.play("in");
    - MouseOut - sym.playReverse("out");
    The above code works well if you move the mouse over each menu symbol and allow enough time for the MouseOver transition to happen. But if you quickly run the mouse over each button (quicker than the MouseOver transition), the MouseOut events never fire leaving the menu looking like this (I quickly ran the mouse over the first 5 menu items):
    Any thoughts on how to force the MouseOut events to fire even if the MouseOver transitions haven't totally completed? Thanks!

    Hi,
    Replace message() built-ins with SYNCHRONIZE built-in. I know its now exact solution. But try your luck. Let us know the status.
    ~Gouri Sankar

  • SSRS 2008 Hide (+)/ (-) sign for collapse/ expand

    Hi everyone,
    I have report based on a cube and I have 5 level hierarchy which is expandable/ collapsable. However in the resultset there is data like:
    hier1                                      
    hier1 hier2                   
    hier1 hier2 hier3 hier4    
    etc.
    This is causing the report to expand empty hierarchy name line and in this case I would like to hide the expand/ collapse sign. I have played around with toggle before and I can make a certain level expanded or collapsed - I can not hide the sign (+/-).
    Any help on this will be very much appreciated
    Thank you in advance,
    Mari

    Hi Maria,
    I wrote a solution for hide the (+)/ (-) sign if the group has no children data in Reporting Services 2005, and it also available for 2008. Create an additional column next to the group header, set toggled item to be the cell in new column not the group header. After that, hide the additional column conditional =iif(Fields!details.Value is nothing,true,false)”. In this way, if there is no children data, you cannot see the additional column then you cannot expand the details.
    For more information, see:
    http://social.msdn.microsoft.com/forums/en-US/sqlreportingservices/thread/563e6d9e-c824-4719-933e-37306a3b652f
    Hope this helps.
    Raymond

  • Cannot resize collapse/expand window when no project is open

    Using Premier Pro CC 2014 on Windows, when I first launch Premier and no project is open, I cannot resize the Premier window, nor can I collapse or expand it. Is that just a bug?

    Post a screen grab please.
    I am interested to see where you are in this "issue".

  • Adding the collapse/expand function to a subgroup

    Good morning,
    I'm quickly getting a handle on building some very nice reports with SSRS.
    When I do the first grouping of data, the expand/collapse function is added to the top level. Works great. When I add a subgroup, the expand/collapse (+) function is not included. I'm not able to find a property setting that accomplishes this.
    Thanks to whoever can point me in the right direction!

    It is not the grouping that actually includes the expand/collapse function which is the reason the subgroup did not have that functionality. You have to follow the similar steps you did for getting that in the first place. Right Click on the sub group ->
    Properties -> Visibility -> Hidden ->Display should be toggled -> The toggle item should be the name of the text box that has your previous group. The following scenario should help you understand.
    Group     TxtBoxName     Show/Hidden    Toggle-Item
    Grp1       A                     Show               
    Do not Toggle
    Grp2       B                     Hidden              A
    Grp3       C                     Hidden              B
    Grp2 has to be a child group of Grp1 and Grp3 should be a child group of Grp2

  • Remove Collapse/expand icons from the tray for all user except administrato

    Hi,
    My requirement is to remove the expand/collapse icons from the overview page for all the user but administrator can have those available.
    I have set the show tray property to NO , this has made the complete tray invisible for all including the administartor as well.
    I want the only icons to be inviisble and not for administrator.
    Please provide your valuable inputs.
    Thanks
    Pooja

    Hi
    The best practice in Portal is to create 2 different design, one for users, one for administrators. I mean design : Desktop, Framework Page, Theme ...and so on.
    This allows you to manage two ways of displaying or not informations, for sure user view should be different of administrator view.
    And you also in your case you should have tow different "overview" iViews, one for users one for administrators.
    The "show tray" property should be yes (otherwise you won't see anyting ), but the property "Show Expand/Collapse icon in tray" to NO.
    I hope it will help
    Best regards
    johann

  • Collapse/Expand in Queries

    Hello,
    I wish to create a query that gives the user the ability of expanding and collapsing data. I would like to display the invoices grouped by customer id and show the total amount for each customer. Optionally, the user could expand that customer row and visualize what the invoices that compose the total amount displayed are.
    Something like this:
    Customer 001 - 5,000.00
    Customer 002 - 1,000.00
    Expanding the firt row:
    Customer 001 - 5,000.00
                 Inv 1 -  2,000.00
                 Inv 2 -  2,000.00
                 Inv 3 -  1,000.00
    Customer 002 - 1,000.00
    Is it possible to do it using Query Generator/Query Wizard ? Or should I code this funcionality with SDK ?
    Thanks in advance for any help
    Salim

    Hi Salim,
    You can partially do that.  The SDK comes with a control called Grid, look at the SDK Help Center or the SDK samples for further info. The problem is that once grouped, you can't write anything else that the group name in that row. In your example, you won't be able to do
    Customer 001 - 5,000.00
    Inv 1 - 2,000.00
    Inv 2 - 2,000.00
    Inv 3 - 1,000.00
    but you would have
    Customer 001
    Inv 1 - 2,000.00
    Inv 2 - 2,000.00
    Inv 3 - 1,000.00
    or just
    Customer 001 - 5,000.00
    HTH,
    Ian

Maybe you are looking for

  • IMac 27" heat issue in windows 7 64-bit

    I have installed Windows 7 64-bit on my iMAC27" i7 machine. it's working fine with no evident issues. But lately I found that the fan is always blowing hot air and the back of my iMAC is hot (especially on the upper left side of the back of the scree

  • Swap images works in preview but not in browser

    Hi everyone, I am attempting to get a swap images to work.  It works in the preview window but not when I preview it in the browser.  When I open it in a browser the states seem to "cycle" through really quickly in rapid succession.  I have linked my

  • Hp 35s integrating with complex numbers/functions

    Are there any examples of how to integrate a complex function for the HP 35s..the manual suggests its possible..but, I can not find one example...anywhere... I am just interested in testing.....I do not want to break things into parts etc...I just wa

  • Flex 4 Offline Application

    Hi All,     I am new to flex 4(flashbuilder).    I wanted to build a sample offline apllication using flashbuilder. When I am connecting to internet the changes should reflect.    Can anybody guide me on how to go about this ?    A sample code will h

  • Broken display, cannot screen unlock. HELP!

    help please