Comments on: AccordionView Widget for YUI from Marco van Hylckama Vlieg

By: Eric Miraglia

Eric Miraglia — Thu, 10 Dec 2009 00:46:23 +0000

Andrew — not sure of the context for your question, but it sounds like one to ask on the developer forums: http://yuilibrary.com/forum/. Provide full details about what you’re having trouble with and a link back to the page you’re working on. -Eric

By: Andrew Crawford

Andrew Crawford — Wed, 09 Dec 2009 22:33:59 +0000

It looks like including utilities.js breaks other YUI components/widgets, including menu and treeview.

By: Emiliano

Emiliano — Tue, 24 Nov 2009 21:03:33 +0000

Hi, I’ve tried to use this widget and it messes up with a yui menu that i had developed before. Do you have any hint on this?
Thanks, regards.

By: Thiago Silva

Thiago Silva — Tue, 03 Nov 2009 17:25:15 +0000

is there a way to figure out which panel is the target of one of the open/close events? I am trying to lazy load the LI content on the first time a panel is opened using ajax, so that the page loads quicker.

I would like to add a listener for the panelOpen event that checks to see if the content is empty and loads it.

By: Rohit

Rohit — Mon, 21 Sep 2009 14:34:58 +0000

Hi, I am having html tables in the accordion and I am seing a wierd effect of table borders even when the table is not shown! :( I see the table borders as white lines always there on the page while using the accordion.
Does anyone know the solution to this?

By: Rohit Nath

Rohit Nath — Mon, 21 Sep 2009 07:50:39 +0000

(Not sure why my previous comment got truncated… Maybe the html tag. Posting again for reference)

I updated the DOCTYPE tag in my html to be as below

!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”

(Note: Please refer to the DOCTYPE tag of source code of example posted at http://www.i-marco.nl/weblog/yui-accordion/menu/) Using similar DOCTYPE to that solves the problem.

Earlier my DOCTYPE tag had
“-//W3C//DTD HTML 4.01 Transitional//EN” and did not include the “http://www.w3.org/TR/html4/strict.dtd” part.

(P.S: Sorry that some parts of post got truncated due to html tag in part of the text I posted.)

Thanks!
Rohit N

By: Rohit Nath

Rohit Nath — Mon, 21 Sep 2009 07:43:46 +0000

Hi,
Solution for flicker on IE7.

I too was facing problem of getting flicker on IE7 for the accordian view. I tried following and it worked! :) Just wanted to share with you..

Earlier I have something like this in my html page:

I changed it to

as in the example I saw @ http://www.i-marco.nl/weblog/yui-accordion/menu/

and it solved the problem. Now I do not get any flicker!

Hope this helps and is the correct way of doing it!

Thanks for the wonderful widget. I love it!
Cheers,
Rohit N

By: dweller

dweller — Thu, 19 Mar 2009 20:23:16 +0000

When I noticed that you had already combined TabView and AccordionView on the same page (for your news feed demo), I was inspired to keep trying… I finally tried moving the script tag that imports utilities.js to the top of the list (instead of the bottom of the list where it was) and for some reason that did the trick.

I now have the accordion working inside a tab. Thanks!

By: dweller

dweller — Thu, 19 Mar 2009 01:09:40 +0000

I am trying to use this widget inside a tab created by the TabView YUI widget. When I added the AccordionView widget inside the tab, it broke the tabs and made all the content display on the page at once. I did some troubleshooting and it seems like the inclusion of the utilities.js file is what’s breaking it. I remove the link to that script, and the tabs work again (but unfortunately, then the accordion widget doesn’t).

I assumed since both of these were YUI widgets that I could combine them. Isn’t that true? Thanks for any help!

By: Mazhar Khan

Mazhar Khan — Sun, 15 Mar 2009 12:50:49 +0000

Hi,
ofcourse its a great stuff for web developers, just few changes require to modify yui accr.
but i m facing a problem wid it ven i inserted a table within hieght of page increased please tell me solution.