Solved

Trying to figure out how a certain page look was accomplished.

Posted on 2013-06-13
4
248 Views
Last Modified: 2013-06-15
I don't know if it's a trend, but I've seen web apps where the layout contains two columns.  The left column is approx 20% in width and is the menu. The remaining column is for the content.  The menu has rows that you click on and it slides up and down to present the menu options.  Sorry, i don't have a screenshot to show you.

Is this look part of a framework that's available in Codeigniter or Zend?  Where can i learn more about it?

Thank you for your answers.
0
Comment
Question by:dorianit
  • 2
4 Comments
 
LVL 15

Assisted Solution

by:Jagadishwor Dulal
Jagadishwor Dulal earned 150 total points
ID: 39244447
There is lots of way to complete your requirement. One of the fiddle example you can see in this link
http://jsfiddle.net/HjYZ6/6/
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 350 total points
ID: 39244989
They are called accordion menus.  They are done with client side scripting. 90% of them are junk written by idiots who have a skillset limited to what the they can do with jquery.

If you search Google for accordion menu You will get a whole range of possibilities.  After you look at the code you will see what I mean by junk, but if you have actual programming skills you will probably be able to do exactly what you want in less time than it takes to to try and modify the junk into something reliable and robust.

Cd&
0
 

Author Comment

by:dorianit
ID: 39249988
COBOLdinosaur,  

Thank you for the honest feedback.   I take that it that you're not against JQuery; it's just that the code out on the web is done poorly?

Once I determine the business and functional requirements, is there a best practice for how I should lay it out in the web app?  Is there a UI framework to provide advice?
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39250260
I think Jquery is one of many tools and I occasionally use it, but most of the time when you see it being used it is unnecessary bloat.  Many common menu effects can be done with CSS transitions with little or no scripting.

Once you have nailed down your requirements, you could try a couple of quick prototypes with products that look like they fit your plans. When you find a product you are comfortable with and you have a general layout, then play with your layout options.  That may sound like it burns development time, but playing with it enhances the learning process and will save you time when you get down to the fine details.

As you start developing the code we can help you over any rough spots.

Cd&
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
This video teaches users how to migrate an existing Wordpress website to a new domain.
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…

860 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