Click here to Skip to main content
12,353,602 members (71,473 online)
Rate this:
 
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 2: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 29-Jan-13 12:00pm
   
Thanks I'll give it a try.
Herbisaurus 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 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
Top Experts
Last 24hrsThis month


Advertise | Privacy | Mobile
Web01 | 2.8.160621.1 | Last Updated 30 Jan 2013
Copyright © CodeProject, 1999-2016
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