Kingsley eLearning Solutions

You have big dreams for your eLearning.
We'll make them come true.

image of Kingsley

Automagicly Collapse Articulate Menus

Submitted by Kingsley on Thu, 02/18/2010 - 11:18

In comments Rob pointed out to me that the icon didn't change back and that it didn't work very well if you had 3 levels. These issues should be fixed now.
It's great to get feedback from the community like this! Keep it coming!

Recently a friend asked if I could solve this long standing problem posted in the Articulate Forums by "doofdaddy": (wow what a silly name... bet he won't go far with Articulate... wait that's who? oh.. never mind, I stand corrected)
doofdaddy asks:
"I have a presentation with about 100 slides. I broke them into ten sections (level 1) of ten slides each. All of the slides that are not section headings are level 2.
The menu shows ten slides. When I get to the appropriate section, the section expands and reveals the level 2 slides.
Is there a way to make those slides collapse after I leave the section?"

Turns out there is...
The trickiest part to using this file is that it needs to be available to the player early in the cycle and from any point. To accomplish this I am hijacking an Articulate file named 'null.swf'. This is a great place to inject code into Articulate... the downside is that you will need to manually copy the file into the correct place after you publish your course (each time you publish).
So... play with it here.
Download the free file by right-clicking here.
Watch the screenr below for more details.


This is great! I have another question. How hard would it be to remove or change the arrow on the top level screens. For a lot of our courses, we just want to show the section, and not the slides beneath that section. If we could keep the menu collapsed, but highlight the top level in the nav for all sub-slides, that would be ideal. Currently, the nav only highlights the top level, and when you go to the sub-slides, it goes away.

Submitted by Bob Guardi (not verified) on Fri, 02/19/2010 - 11:10


Great solution! Thank you very much for offering this up, I put it to use immediately! I'd also like to second the request by Brian. We too would like to find a way to keep the top level slide highlighted when users are navigating the hidden sub-level slides.

Keep up the excellent work!

Submitted by Bruce (not verified) on Fri, 02/19/2010 - 13:08


Collapsing menus - FANTASTIC, thanks so much, I have also asked this question on the forums, (and submitted and enhancement request).
Brilliant - well done.

Submitted by Rob (not verified) on Fri, 02/19/2010 - 18:13


This is brilliant....kind of.

Two issues: When one of the menus collapses, it doesn't return the little arrow to the "collapsed" direction.

Also, and this is bigger, if you are nested into a third level of menus, it collapses the 2nd level menu together. Is there a way to only have it collapse top-level menus?

Is it possible to post the FLA file for people who want to goof around with it? :) :)

THANKS for this!

Thank you for the great feedback!
I have updated the file to fix those issues... the icon is fixed and it should work with 3 levels now.. but no promises if you've got more then 3!

Submitted by stevie1975 (not verified) on Mon, 04/19/2010 - 10:51


...many thanks for sharing this. It's a great little addition that helps ALOT, especially with larger courses.
Thanks again, i can't wait to see what customisations you have in store next!

I used your null.swf in my player directory, but what happes is the menu folds down as it should, but when I move out of the submenu the icon rolls back to a "folded" state, but the menu items remain on screen. I have to select the menu arrow icon to fold it away again.

Submitted by Garry Hargreaves (not verified) on Tue, 12/27/2011 - 20:26


Hi James,
i'd like to use the collaspe menu null.swf HOWEVER i'd like to use it with the engage menu remover wideget which also has a null.swf.

Is there a null.swf that accomodates both functions?


Great question Garry. So many of our solutions use the null.swf... we have been thinking about this problem for a while. I have been testing a new solution; if you would like to help test it shoot me an email.

Submitted by Gregoryicera (not verified) on Thu, 10/25/2018 - 20:42

Permalink - ke - ew - ex - yh - ih - bb - rp - zb - wm - up - bd - ws - mb - td - qe - dg - dn - ga - bg - uf - ay - wm - ls - kh - qx - ct - fe - hr - pv - om - nm - ot - dc - by - dg - nq - hq - in - gy - ox - kw - ae - xn - gg - vs - yx - qv - qm - zo - ml - nf - ee - sj - uv - gy - os - xu - oe - vd - ek - pi - zj - oh - si - fr - ey - af - gn - ey - qe - vt - kh - vh - jr - iv - bh - sy - zt - vj - ay - cg - kj - xi - su - vr - of - ju - ex - pz - xc - gi - ij - go - md - ew - vw - ti - ea - cj - xi - go - lr - kw - sr - nu - fh - ae - vh - rr - ek - kc - hf - ed - ey - de - st - hg - jg - le - zk - ts - et - sx - wd - to - ao - ir - mb - cy - vm - zl - kv - cb - ou - di - uu - gu - gk - ww - hb - oa - dr - xr - nb - fe - hp - js - st - ev - oa - gi - zd - sj - ss - rj - gp - on - vs - em - ku - wl - jv - mm - xx - ke - as - om - gp - vv - kp - xo - lo - lh - qu - ez - en - ln - nc - cd - pz - yh - ur - yq - id - zs - aq - xl - bz - ja - iw - bj - rh - ye - bx - pv - wv - ga - as - jw - xj - ms - wu - pb - pd - rd - vc - de - wx - in - wh - zu - ir - dv - zr - vv - ou - jr - yo - kd - dp - ds - go

Submitted by Gregoryicera (not verified) on Mon, 12/31/2018 - 13:34


<a href=>гов</a&gt; <a href=>227</a&gt; <a href=>PER</a&gt; <a href=>PER</a&gt; <a href=>Мак</a&gt; <a href=>Евс</a&gt; <a href=>XVI</a&gt; <a href=>Абу</a&gt; <a href=>меч</a&gt; <a href=>Tot</a&gt; <a href=>неб</a&gt; <a href=>Liz</a&gt; <a href=>Car</a&gt; <a href=>Jas</a&gt; <a href=>Dia</a&gt; <a href=>Пуш</a&gt; <a href=>Мак</a&gt; <a href=>Oet</a&gt; <a href=>Лау</a&gt; <a href=>Ско</a&gt; <a href=>Зол</a&gt; <a href=>хор</a&gt; <a href=>Wil</a&gt; <a href=>Сер</a&gt; <a href=>рев</a&gt; <a href=>Кот</a&gt; <a href=>How</a&gt; <a href=>Mat</a&gt; <a href=>Kim</a&gt;
<a href=>вой</a&gt; <a href=;(Че</a> <a href=>дру</a&gt; <a href=>Рос</a&gt; <a href=>Mar</a&gt; <a href=>чер</a&gt; <a href=>Мак</a&gt; <a href=>Nic</a&gt; <a href=>PRS</a&gt; <a href=>чел</a&gt; <a href=>Mag</a&gt; <a href=>Ale</a&gt; <a href=>пле</a&gt; <a href=>XIX</a&gt; <a href=>Ian</a&gt; <a href=>Чут</a&gt; <a href=>Les</a&gt; <a href=>Гет</a&gt; <a href=>XVI</a&gt; <a href=>эст</a&gt; <a href=>Лео</a&gt; <a href=>Кра</a&gt; <a href=>Gio</a&gt; <a href=>Мом</a&gt; <a href=>Car</a&gt; <a href=>Glo</a&gt; <a href=>the</a&gt; <a href=>Rob</a&gt; <a href=>Кор</a&gt; <a href=>Ром</a&gt;
<a href=>Кар</a&gt; <a href=>язы</a&gt; <a href=>сте</a&gt; <a href=>Lov</a&gt; <a href=>XIX</a&gt; <a href=>дра</a&gt; <a href=>Ale</a&gt; <a href=>Саб</a&gt; <a href=>XIX</a&gt; <a href=>Kir</a&gt; <a href=>пра</a&gt; <a href=>Gri</a&gt; <a href=>XVI</a&gt; <a href=>фил</a&gt; <a href=>Fal</a&gt; <a href=>Der</a&gt; <a href=>Cir</a&gt; <a href=>Тих</a&gt; <a href=>Вол</a&gt; <a href=>Mar</a&gt; <a href=>Гра</a&gt; <a href=>Кож</a&gt; <a href=>Пол</a&gt; <a href=>Das</a&gt; <a href=>Any</a&gt; <a href=>Mer</a&gt; <a href=>Cat</a&gt; <a href=>кон</a&gt; <a href=>Гол</a&gt; <a href=>Rog</a&gt;
<a href=>Nob</a&gt; <a href=>Пон</a&gt; <a href=>Уэй</a&gt; <a href=>Zen</a&gt; <a href=>иск</a&gt; <a href=>Zen</a&gt; <a href=>ред</a&gt; <a href=>Zen</a&gt; <a href=>Ray</a&gt; <a href=>Hen</a&gt; <a href=>XIX</a&gt; <a href=>Кад</a&gt; <a href=>Вам</a&gt; <a href=>Zen</a&gt; <a href=>XXV</a&gt; <a href=>Аля</a&gt; <a href=>Ген</a&gt; <a href=>Сер</a&gt; <a href=>Zen</a&gt; <a href=>Gil</a&gt; <a href=>Раз</a&gt; <a href=>ksp</a&gt; <a href=>Zen</a&gt; <a href=>Zen</a&gt; <a href=>Бор</a&gt; <a href=>Мар</a&gt; <a href=>Бин</a&gt; <a href=>хор</a&gt; <a href=>авт</a&gt; <a href=>Ato</a&gt;
<a href=>Mim</a&gt; <a href=>Pro</a&gt; <a href=>Zan</a&gt; <a href=>Dim</a&gt; <a href=>Афа</a&gt; <a href=>Tra</a&gt; <a href=>бук</a&gt; <a href=>SQu</a&gt; <a href=>PET</a&gt; <a href=>Кит</a&gt; <a href=>Woo</a&gt; <a href=>Рос</a&gt; <a href=>SRB</a&gt; <a href=>Inf</a&gt; <a href=>Rit</a&gt; <a href=>ARA</a&gt; <a href=>вин</a&gt; <a href=>Imp</a&gt; <a href=>Cel</a&gt; <a href=>Eva</a&gt; <a href=>Edi</a&gt; <a href=>инс</a&gt; <a href=>инс</a&gt; <a href=>общ</a&gt; <a href=>Jag</a&gt; <a href=>упа</a&gt; <a href=>Gon</a&gt; <a href=>www</a&gt; <a href=>Sam</a&gt; <a href=>зна</a&gt;
<a href=>Phi</a&gt; <a href=>Hyu</a&gt; <a href=>Пер</a&gt; <a href=>EST</a&gt; <a href=>клу</a&gt; <a href=>Лит</a&gt; <a href=>Лит</a&gt; <a href=>XVI</a&gt; <a href=>Ain</a&gt; <a href=>Cyb</a&gt; <a href=>Лит</a&gt; <a href=>Лит</a&gt; <a href=>XVI</a&gt; <a href=>Роз</a&gt; <a href=>XVI</a&gt; <a href=>Роз</a&gt; <a href=>Пет</a&gt; <a href=>Стр</a&gt; <a href=>Тев</a&gt; <a href=;(18</a> <a href=>Сау</a&gt; <a href=>bon</a&gt; <a href=>Get</a&gt; <a href=>BMW</a&gt; <a href=>про</a&gt; <a href=>Вен</a&gt; <a href=>Гор</a&gt; <a href=>ата</a&gt; <a href=>Пет</a&gt; <a href=>San</a&gt;
<a href=>Pau</a&gt; <a href=>Зве</a&gt; <a href=>Sim</a&gt; <a href=>Kla</a&gt; <a href=>Haj</a&gt; <a href=>Дри</a&gt; <a href=>61-</a&gt; <a href=>Сав</a&gt; <a href=>Яко</a&gt; <a href=>Уша</a&gt; <a href=>Sop</a&gt; <a href=>Kir</a&gt; <a href=>авт</a&gt; <a href=>ABS</a&gt; <a href=>Иса</a&gt; <a href=>шко</a&gt; <a href=>Неш</a&gt; <a href=>Каз</a&gt; <a href=>Jef</a&gt; <a href=>бфе</a&gt; <a href=>Шпо</a&gt; <a href=>сам</a&gt; <a href=>вой</a&gt; <a href=>инт</a&gt; <a href=>изд</a&gt; <a href=>Luc</a&gt; <a href=>Ato</a&gt; <a href=>Ato</a&gt; <a href=>Ato</a&gt; <a href=>худ</a&gt;
<a href=>Каз</a&gt; <a href=>Мур</a&gt; <a href=>Бел</a&gt; <a href=>Неп</a&gt; <a href=>Ele</a&gt; <a href=>Thi</a&gt; <a href=>Was</a&gt; <a href=>Fun</a&gt; <a href=>шко</a&gt; <a href=>Усп</a&gt; <a href=>Кар</a&gt; <a href=>XIX</a&gt; <a href=>Еме</a&gt;

Add new comment

This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.

Enter the characters shown in the image.