- DotNetNuke Version: 5.6.0
- Active Forums Version: 4.3.3
Will was gracious enough to post the Knowledge Base Custom View that breaks down topics in a forum by category.
If you happen to have a lot of categories, as well as a lot of topics per category, the user experience can be somewhat overwhelming.
What follows is a simple cut and paste using jQuery, jQuery Ui, and jQuery CSS.
My version is a little "dirty" and can certainly be simplified, it just matters based on how knowledgeable you are with working in CSS and your code.
First you will want to include a reference to jQuery Ui like so:
This can be added just above the "notools" tag
Second you will want to ensure your DNN portal is using the most current version of jquery.
I prefer using the external hosted, but to each their own. This can be done under Host Settings > Other Settings
Third you will want to add a
< div > wrapper around the ForumContentNavigator
In the KB-Topics & KB-Topic template, add
< div id="accordion" > just after
< div class="fcv-wrap" >
Then scroll to just under the closing ForumContentNavigator tag, and add a closing
tag after the previous
You have essentially placed fcv-wrap inside of the accordion.
Now, copy and paste the following into your template
< script >
$(document).ready(function () {
$("#accordion").accordion({ header: "div.fcv-categoryname" });
});
< /script >
That's it.
You can see an example here:
http://www.ironfistleague.com/forums/army-lists/40k-Lists/
To make the collapsible look a little nicer, I suggest going to
http://jqueryui.com/themeroller/
Styling the look and feel, downloading your own theme, then adding the files and references into your skin.
Hope this helps!