Solved

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

Posted on 2013-06-13
4
241 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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

Envision that you are chipping away at another e-business site with a team of pundit developers and designers. Everything seems, by all accounts, to be going easily.
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

930 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

14 Experts available now in Live!

Get 1:1 Help Now