Table of Contents (TOC)

It would be a simple template edit IIRC. I'm pretty sure that I posted a how to at my development site. I'll see if I can find it and post it here.

 

For those of you that want the Table of Contents collapsed by default when first accessing the page, make this simple edit.

Edit Template: nflj_ams_article_sidebar

FIND this block of code:

Code:

    <xen:if is="{$xenOptions.amsSidebarArticleTocPages} AND {$articlePages}">   
        <div class="section">
            <div class="secondaryContent">
                <h3>{xen:phrase nflj_ams_table_of_contents}</h3>

                <span><a href="#" class="JsOnly ToggleTrigger" data-target="#ShowHideSidebarTOC_{$article.article_id}">View {xen:phrase nflj_ams_table_of_contents}</a></span>

                <div id="ShowHideSidebarTOC_{$article.article_id}" class="section avatarList amsArticleTOC" style="display: block;">
                    <ol>
                        <li><a href="{xen:link ams, $article}#article-{$article.article_id}" class="{xen:if '!{$articlePage} && !{$article.isFull}', selected}"><span>{xen:phrase nflj_ams_article_overview}</span></a></li>
                        <xen:foreach loop="$articlePages" key="$articlePageKey" value="$_articlePageNav">
                            <li>{xen:string repeat, '&nbsp; ', $_articlePageNav.depth}<a href="{xen:link ams, $article, 'mp={$_articlePageNav.article_page_id}'}#article-{$article.article_id}" class="{xen:if '{$articlePage.article_page_id} == {$articlePageKey}', selected}"><span>{xen:if {$_articlePageNav.nav_title}, {$_articlePageNav.nav_title}, {$_articlePageNav.title}}</span></a></li>
                        </xen:foreach>
                        <li><a href="{xen:link ams, $article, 'full=1'}#article-{$article.article_id}" class="{xen:if '{$article.isFull}', selected}"><span>{xen:phrase nflj_ams_view_full_article}</span></a></li>
                    </ol>
                </div>
            </div>   
        </div>   
    </xen:if>

REPLACE with this block of code:

Code:

    <xen:if is="{$xenOptions.amsSidebarArticleTocPages} AND {$articlePages}">
        <div class="section">
            <div class="secondaryContent">
                <h3>{xen:phrase nflj_ams_table_of_contents}</h3>

                <span><a href="#" class="JsOnly ToggleTrigger" data-target="#ShowHideSidebarTOC_{$article.article_id}">View {xen:phrase nflj_ams_table_of_contents}</a></span>

                <div id="ShowHideSidebarTOC_{$article.article_id}" class="section avatarList amsArticleTOC" style="display: none;">
                    <ol>
                        <li><a href="{xen:link ams, $article}#article-{$article.article_id}" class="{xen:if '!{$articlePage} && !{$article.isFull}', selected}"><span>{xen:phrase nflj_ams_article_overview}</span></a></li>
                        <xen:foreach loop="$articlePages" key="$articlePageKey" value="$_articlePageNav">
                            <li>{xen:string repeat, '&nbsp; ', $_articlePageNav.depth}<a href="{xen:link ams, $article, 'mp={$_articlePageNav.article_page_id}'}#article-{$article.article_id}" class="{xen:if '{$articlePage.article_page_id} == {$articlePageKey}', selected}"><span>{xen:if {$_articlePageNav.nav_title}, {$_articlePageNav.nav_title}, {$_articlePageNav.title}}</span></a></li>
                        </xen:foreach>
                        <li><a href="{xen:link ams, $article, 'full=1'}#article-{$article.article_id}" class="{xen:if '{$article.isFull}', selected}"><span>{xen:phrase nflj_ams_view_full_article}</span></a></li>
                    </ol>
                </div>
            </div>
        </div>
    </xen:if>

 

Are you positive you edited the correct STYLE?

This div now has a INITIAL forced style property of "display: none" so I don't know HOW it is displaying when its forced NOT to.

Code:

<div id="ShowHideSidebarTOC_{$article.article_id}" class="section avatarList amsArticleTOC" style="display: none;">

The CODE I posted was the ORIGINAL code from the first release of AMS when the Block was collapsed by default.

 

Its working fine here, so hopefully its just that you edited a template in a different style than the one you are viewing on the frontend.

You can see it here: Tips & Tricks & How To's

Loads collapsed by default....




Expands when you click on "View Table of Contents" (and can be contracted again).

 

Ah.. that is supposed to be collapsed by default. Is yours not?