Merge the staff block with the members block [Deleted]

This looks great :) Hmm, two things though:

Administrator title is on a new line, not next to the avatar & under the username.

I've used version two code for the template, & I added the small snippet in EXTRA.css as well.

Code:
<xen:edithint template="sidebar.css" />

<!-- block: sidebar_online_staff -->
<xen:if hascontent="true">
    <div class="section staffOnline avatarList">
        <div class="secondaryContent">
            <h3><a href="{xen:link members, '', 'type=staff'}">{xen:phrase staff_online_now}</a></h3>
            <ul>
                <xen:contentcheck>
                    <xen:foreach loop="$onlineUsers.records" value="$user">
                        <xen:if is="{$user.is_staff}">
                            <li>
                                <xen:avatar user="$user" size="s" img="true" />
                                <xen:username user="$user" rich="true" />
                                <div class="userTitle">{xen:helper userTitle, $user}</div>
                            </li>
                        </xen:if>
                    </xen:foreach>
                </xen:contentcheck>
            </ul>
        </div>
    </div>
</xen:if>
<!-- end block: sidebar_online_staff -->

<!-- block: sidebar_online_users -->
<div class="section membersOnline userList">       
    <div class="secondaryContent">
        <h3><a href="{xen:link online}" title="{xen:phrase see_all_online_users}">{xen:phrase members_online_now}</a></h3>
       
        <xen:if is="{$onlineUsers.records}">
       
            <xen:if is="{$visitor.user_id}">
                <xen:if hascontent="true">
                <h4 class="minorHeading"><a href="{xen:link account/following}">{xen:phrase people_you_follow}:</a></h4>
                <ul class="followedOnline">
                    <xen:contentcheck>
                        <xen:foreach loop="$onlineUsers.records" value="$user">
                            <xen:if is="{$user.followed}">
                                <li title="{$user.username}" class="Tooltip"><xen:avatar user="$user" size="s" img="true" class="_plainImage" /></li>
                            </xen:if>
                        </xen:foreach>
                    </xen:contentcheck>
                </ul>
                <h4 class="minorHeading"><a href="{xen:link members}">{xen:phrase members}:</a></h4>
                </xen:if>
            </xen:if>
           
            <ol class="listInline">
                <xen:foreach loop="$onlineUsers.records" value="$user" i="$i">
                    <xen:if is="{$i} <= {$onlineUsers.limit}">
                        <li>
                        <xen:if is="{$user.user_id}">
                            <a href="{xen:link members, $user}"
                                class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{$user.username}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
                        <xen:else />
                            {xen:phrase guest}<xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
                        </xen:if>
                        </li>
                    </xen:if>
                </xen:foreach>
                <xen:if is="{$onlineUsers.recordsUnseen}">
                    <li class="moreLink">... <a href="{xen:link online}" title="{xen:phrase see_all_visitors}">{xen:phrase and_x_more, 'count={xen:number $onlineUsers.recordsUnseen}'}</a></li>
                </xen:if>
            </ol>
        </xen:if>
       
        <div class="footnote">
            {xen:phrase online_now_x_members_y_guests_z_robots_a, 'total={xen:number $onlineUsers.total}', 'members={xen:number $onlineUsers.members}', 'guests={xen:number $onlineUsers.guests}', 'robots={xen:number $onlineUsers.robots}'}
        </div>
    </div>
</div>
<!-- end block: sidebar_online_users -->

http://citiesskylines-nation.com/forums/
 
I copied the code from version 3 and result is:
example (2).webp

in your version3 I don't see a username under the avatar for staff.
 
Hello,
iam use version three, my question is how to add member group after username like this:
Untitled.webp
any help will be appreciated.
thanks.
 
@Russ This..... But TAZ also has the rich text usernames in their block as well... Is this possible now when using widget framework?

We use: https://xenforo.com/community/resources/all-rich-usernames.2994/ which covers everywhere, if you want to target just that block:

https://xenforo.com/help/user-group-styling/

Scroll to the bottom, it'll tell you exactly what to replace.

Hello,
iam use version three, my question is how to add member group after username like this:
View attachment 122920
any help will be appreciated.
thanks.

Sorry for the late response...

Find this portion:
Code:
 <li title="{$user.username}" class="Tooltip">
Replace with:
Code:
 <li title="{$user.username}: {xen:helper userTitle, $user}" class="Tooltip">
 
After applying the second code on wf_widget_online_users, why do I get this?

IkQ5HKW.png


How come there's 2 textblocks?
 
A small correction, I guess below code should go outside <xen:if> block for User Follow part, otherwise the small heading "members" is not visible when I have nobody to follow.

Code:
<h4 class="minorHeading"><a href="{xen:link members}">{xen:phrase members}:</a></h4>
 
Top Bottom