Theme editor

Guide XenForo XenForo 2 How to Add a Sidebar Usergroup Legend (Template + Widget Guide)

SecureOptimize

🐺⚔️ 𝐎𝐥𝐝 𝐖𝐨𝐥𝐟 ⚔️🐺
Corporate User
Thread owner
Looking to display an easy-to-read usergroup legend in your XenForo 2 sidebar? This guide shows you how to create a reusable template and include it right under your sidebar ad position. Works with any style and helps users quickly understand Administrator, Moderator, and other role colors at a glance.

Step 1 Create a new template​

Template name: usergroup_legend
Bash:
<div class="block" {{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader">
            <i class="fa fa-user" style="padding-right: 3px;"></i>Usergroup
        </h3>
        <div class="block-body block-row">
            <dl class="pairs pairs--justified">
                <div class="username" style="text-align:center;">
                    <span class="username--style3">Administrator</span>
                    <span class="username--style4">Modérator</span><br>
                    <span class="username--style6">Administrator</span>
                    <span class="username--style12">Modérator</span><br>
                    <span class="username--style18">Administrator</span>
                    <span class="username--style10">Modérator</span><br>
                    <span class="username--style9">Administrator</span>
                    <span class="username--style13">Modérator</span><br>
                    <span class="username--style2">Administrator</span>
                </div>
            </dl>
        </div>
    </div>
</div>

Find in the PAGE_CONTAINER template:
Bash:
<xf:ad position="container_sidebar_below" />

Add to the bottom:
Bash:
<xf:include template="usergroup_legend" />

image.webp




secureoptimizelogo.webp
 
Last edited by a moderator:
Thread owner
If you encounter any issues, you can mention them in the comments.
 
Back
Top