Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: C# ASP.NET CSS
Hi all,
 
I am look to create a dropdown menu on logged in username hover. Like on this(codeproject) site when you hover over your username it brings a dropdown menu.
 
similar example is the linkedin website ..
 
Please provide some ideas on how to implement this with examples if possible?
 
Many thanks,
Posted 29-Jan-13 3:19am
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 2

Hi Spankyleo,
 
See example[^]
 
Basically it's mostly a lot of CSS styling to set your desired style and behavior.
 
Cheers,
Edo
  Permalink  
Comments
spankyleo123 at 29-Jan-13 12:00pm
   
Thanks I'll give it a try.
Herbisaurus at 18-Aug-13 2:34am
   
Good one
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 4

use Flex Level Drop Down Menu at dynemicDrivie Site:
 
The link is
 
http://www.dynamicdrive.com/dynamicindex1/flexdropdown.htm[^]
  Permalink  
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Please provide some ideas on how to implement this
There can be multiple ways to do it. AFAIK, here at CP, it's CSS driven. Define a hover style for the username. In the style, set display property of the dropdown div element as to display.
 
Underlying logic is to have a div that is hidden by default. based on some event, you need to show this div. Here, hover is that event that is being used. If you don't want CSS way, you can define onmouseover event for username and then in JavScript, show the needed div. On mouseout, hide it back.
 
Examples, you yourself posted couple of them in question! Now, try out and post specific issues if you face any.
  Permalink  
Comments
spankyleo123 at 29-Jan-13 11:59am
   
Hi thanks for your reply. I will give it a try.
 
However by examples I meant..code examples.
 
Thanks again for your reply.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Sergey Alexandrovich Kryukov 9,535
1 OriginalGriff 8,295
2 Peter Leow 4,839
3 Kornfeld Eliyahu Peter 3,210
4 Maciej Los 2,301


Advertise | Privacy | Mobile
Web03 | 2.8.150327.1 | Last Updated 30 Jan 2013
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100