Accordion panel features

This is a forum to suggest new features for mojoPortal. 

This thread is closed to new posts. You must sign in to post in the forums.
6/9/2009 2:24:13 PM
tcartwright
Gravatar
Total Posts 73
View Posts

Accordion panel features

Joe, would it be possible to customize the Accordion panel features? The main one I am interested in is http://jqueryui.com/demos/accordion/#no-auto-height. I tried using the accordion in a .leftpanel and it stretches to the bottom of the page. Since the feaures are implemented in the js accordion call, maybe dif class names for the jquery css selector?

6/9/2009 7:08:43 PM
tcartwright
Gravatar
Total Posts 73
View Posts

Re: Accordion panel features

BTW, I realize how cheesy it is, the solution I proposed. I just don't see another solution.

6/10/2009 4:48:45 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Accordion panel features

Hi Tim,

It seems a reasonable solution to me. I've implemented it in my local copy using the css class mojo-accordion-nh where nh stands for native height. So it will be in the next release and I will add a template for it.

Best,

Joe

6/10/2009 1:50:18 PM
tcartwright
Gravatar
Total Posts 73
View Posts

Re: Accordion panel features

I was just worried about others wanting to mix and match features. Class names could get pretty hairy then.

6/11/2009 5:23:30 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: Accordion panel features

Well obviously we won't add a hundred variations but any really usefull configurations I'm open to. Its really a simple script regstered as a startup script at the bottom of the page:

<script type="text/javascript"> $('div.mojo-accordion').accordion(); 'div.mojo-accordion-nh').accordion({autoHeight: false}); $('div.mojo-tabs').tabs(); </script>

If anyone needed something custom they can always put a similar script at the bottom of the layout.master using their own classes and configurations.

Best,

Joe 

6/24/2009 12:40:48 AM
mkoontz
Gravatar
Total Posts 1
View Posts

Re: Accordion panel features

My appologies if this is not the right location for this question, it just seem to fit best here.

I am using the accordion feature and after reading the documentation on the jQuery website and adding a script at the bottom of the layout.master file like you suggest I was able to set the accordion so all the panels start closed (active: false), this requires that collapsible be set to true.  That is working fine, what I would like to do is start with all the panels closed and still be able to close a panel after it has been opened.  I can get one or the other to work but not both at the same time.  I'm not sure how to implement this if it is even possible.

11/24/2009 4:41:09 PM
Jerry McCreary
Gravatar
Total Posts 63
View Posts
Jerry McCreary
SureFire Studios, Inc.

Re: Accordion panel features

To init jquery accordion with all items collapsed, and collapsible once opened ...

<script type="text/javascript" defer="defer"> $('div.mojo-accordion-nh').accordion({active:false, collapsible:true}); </script>

You must sign in to post in the forums. This thread is closed to new posts.