Solved

Create a DD list  using UI-Layout

Posted on 2013-10-25
3
186 Views
Last Modified: 2013-11-05
Hello,
  I am trying to create a DD list in a top menu bar for web page. This is similar to the user icon on the Google search page (top -right). When the icon is select you get a popup with some option. Mine would be a DD list that appears when the user hovers over the icon

However, I have some issue getting a dropdown menu to work with UI-layout.  When I add the menu to the north section of the layout the DD items does show. However, if I add to the center it works. I know it has to with the height.  

Please let how to get this to work..  Should I used this plugin..

I attach a sample code ..

Jquery layout page : http://layout.jquery-dev.net/
menu.html
example.html
jquery.js
jquery.layout.js
0
Comment
Question by:SiemensSEN
  • 2
3 Comments
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 39605212
I'm trying to recreate your issue here: http://jsbin.com/adITaMu/1/edit

I'm still not sure what you're trying to achieve.  Maybe a screenshot to show me exactly how you want things to work.
0
 

Author Comment

by:SiemensSEN
ID: 39607132
Thanks.

I am trying to create a menu/header like this expert-exchange site
0
 
LVL 42

Accepted Solution

by:
Rob Jurd, EE MVE earned 500 total points
ID: 39607667
ok, and I've copied your code across to jsbin for testing.  What did you make of that example?
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Find out what you should include to make the best professional email signature for your organization.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

929 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now