[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now


accordian menu

Posted on 2011-04-23
Medium Priority
Last Modified: 2012-05-11
Looking at this sample accordian menu: http://www.sohtanaka.com/web-design/examples/accordion/, is it possible to add scroll bars with the panels for text that is too long?  A nice sleek, elegant scroll bar that doesn't clutter it up?  Also, I've cut the source code from this online menu and was working with it on my desktop and I can't figure out how to have the "arrow" change on open and close.  Can anyone help?

Question by:webgirl29
  • 2
  • 2
LVL 18

Expert Comment

by:Jerry Miller
ID: 35454850
I always use the Ajax Toolkit accordion for this style window. You would most likely need the auto size property set according to your needs.


Author Comment

ID: 35454882
Does Ajax need to run off of the server?  I can only use client side scripts for this project I'm working on.
LVL 18

Accepted Solution

Jerry Miller earned 2000 total points
ID: 35455129
Since you can only use client side scripts, try to set the overflow:Scroll in the CSS property.


Author Comment

ID: 35456978
Another question, looking at the source code from the demo, do you know how I can change the bar graphic (maybe the arrow faces down and the bar color changes slightly) when the user rolls over it?  Having a hard time figuring it out.  I know it should be simple.  One graphic for when it's open, and one for when it closes.  Or maybe also a roll over effect.  See microsoft.com for an example of what I'd like to do.  http://www.microsoft.com/en-us/default.aspx

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

872 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