XF 2.0 How can I create a separate Staff online widget?

[Gator]

I clipped this code from the actual widget, but I can't get it to display the Staff names.

<xf:if is="$options.staffOnline">
    <xf:if contentcheck="true">
        <div class="block" data-widget-section="staffMembers"{{ widget_data($widget) }}>
            <div class="block-container">
                <h3 class="block-minorHeader"><a href="{{ link('members', null, {'key': 'staff_members'}) }}">{{ phrase('staff_online') }}</a></h3>
                <ul class="block-body">
                <xf:contentcheck>
                    <xf:foreach loop="$online.users" value="$user">
                        <xf:if is="$user.is_staff">
                            <li class="block-row">
                                <div class="contentRow">
                                    <div class="contentRow-figure">
                                        <xf:avatar user="$user" size="xs" />
                                    </div>
                                    <div class="contentRow-main contentRow-main--close">
                                        <xf:username user="$user" rich="true" />
                                        <div class="contentRow-minor">
                                            <xf:usertitle user="$user" />
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </xf:if>
                    </xf:foreach>
                </xf:contentcheck>
                </ul>
            </div>
        </div>
    </xf:if>
</xf:if>

 

[Jake B.]

That's probably not going to work directly since the data isn't being loaded if you just copy the markup, you'd probably need to use the full user online widget and hide the members online portion using CSS by targeting the widget definition ID

 

[Gator]

That's probably not going to work directly since the data isn't being loaded if you just copy the markup, you'd probably need to use the full user online widget and hide the members online portion using CSS by targeting the widget definition ID

Thanks for your response, Jake, but that's beyond my skill set.

 

[Jake B.]

.block[data-widget-section='yourIdHere'] .block-row:last-child { display: none !important }

Just replace yourIdHere with whatever ID you set when adding the widget, if you wanted to hide it on the default XF widget you'd do:

.block[data-widget-section='onlineNow'] .block-row:last-child { display: none !important; }

 

[Gator]

Thanks again, Jake. I tried it but it did not work. I placed the code in the extra.less. Is that correct?

 

[Gator]

It removed the name(s) from the Members online, but not the block itself as shown below

 

[Bryan]

Just use:

.block[data-widget-section='onlineNow'] { display: none }

That should do it. Replacing onlineNow with whatever you're using.

 

[Gator]

Excellent! I can't thank you enough.

 

[AndyB]

You might like this add-on:

https://xenforo.com/community/resources/staff-online.6256/

 

[Deleted member 91401]

Just use:

.block[data-widget-section='onlineNow'] { display: none }

That should do it. Replacing onlineNow with whatever you're using.

where do I find the option to edit a widgets source code?