Code Monkey
Well-known member
I redid the template for myself and thought I would share since I think it's a little better using lists. Plus it adds an "All" button so members can get back to seeing all of the nodes contents if they wish. I know there is a filter list below this but not everyone notices it on every style. It's nice to have it right there with the prefixes. More intuitive IMO.
The class="sitePrefix allPrefix" is my css code for styling the prefixes. You would obviously place your own in here.
The following css for the list structure can go in Extra.css or listPrefixes.css. Alter as needed for your style.
This works fine for me. Your mileage may vary.
HTML:
<xen:if is="{$prefixes}">
<xen:require css="listPrefixes.css" />
<div class="discussionListFilters secondaryContent">
<div>
<xen:if is="{$xenOptions.pfl_text}">
<h3>{xen:raw {$xenOptions.pfl_text}}</h3>
</xen:if>
</div>
<div class="prefixList">
<ul>
<li>
<a href="{xen:link forums, $forum}" class="prefixLink" title="Restore the thread view to forum default">
<span class="sitePrefix allPrefix">All</span>
</a>
</li>
<xen:foreach loop="$prefixes" value="$prefix">
<li>
<a href="{xen:link forums, $forum, 'prefix_id={$prefix.prefix_id}'}" class="prefixLink" title="{xen:phrase pfl_show_only_prefix_x,'prefix={xen:helper threadPrefix, $prefix, escaped, ''}'}">{xen:helper threadPrefix, $prefix, html, ''}
<xen:if is="{$xenOptions.pfl_showTotalThreads}">
{xen:if '{$prefix.totalThreads} >= {$xenOptions.pfl_minToShow}', '({$prefix.totalThreads})'}
</xen:if>
</a>
</li>
</xen:foreach>
</ul>
</div>
</div>
</xen:if>
The class="sitePrefix allPrefix" is my css code for styling the prefixes. You would obviously place your own in here.
The following css for the list structure can go in Extra.css or listPrefixes.css. Alter as needed for your style.
Code:
.prefixList {
overflow: auto;
height: 100%;
position:relative;
margin-top:5px;
padding-left:2px;
padding-right:2px;
}
.prefixList ul{
display: block;
list-style: none outside none;
overflow: auto;
white-space: nowrap;
}
.prefixList ul li{
display: block;
float: left;
margin-right: 2px;
}
This works fine for me. Your mileage may vary.
Last edited: