Specific usergroup online

[Al]

Is there a way to make the users online sidebar widget display a specific usergroup? My forum is really taking off and a lot of the dev team are signing up. I’d like the sidebar widget to display when they’re online.

So it would go:

Staff online
Dev team online
Members online

A plug in? A template edit?

 

[Cedric]

So cool to see you get the recognition it deserves by the devs!

I assume it is possible with a template edit, same style it would show the staff team. I’ll try to find something today.

Otherwise, @SoluDome and @Tyrsson coulf probably help out too.

 

[Al]

I think it would be quite a popular additional to the xenForo resources so could probably be released as a paid option.

 

[Al]

Add-on - Specific usergroup online in Sidebar widget

(I'm hoping this may be a reasonably simple template edit.) My forum is for an indie game which is under development. Several members of the development team have signed up and I am looking for a way to display when they're online. So as per the image to the left, we have Staff Online and then...

xenforo.com

I've had two developers reach out with offers to do this (at a cost, of course). Before I confirm with them, if AJ want to do it and release it, it would be a great inclusion and boost for the community.

 

[Cory]

I've already seen this feature/add-on on some other Xenforo boards, so surely the feature/add-on already exists.

 

[Al]

Must be custom code. I have searched.

 

[SoluDome]

If you can wait for a week, I code one for free.

 

[Al]

There is little rush. Thanks very much.

 

[Cedric]

If you can wait for a week, I code one for free.

This guy. Gotta love him.

 

[Al]

How's this? Template editing is FUN!

All I need to do is work out how to change the hammer symbol.

 

[Cedric]

Awesome!

 

[SoluDome]

View attachment 2136
How's this? Template editing is FUN!

All I need to do is work out how to change the hammer symbol.

You can modify this CSS and add it in extra.less . Here content is basically the fontawesome icon Unicode, that you can get from here : https://fontawesome.com/v5/search

.block[data-widget-section="staffMembers"] .block-minorHeader:before {
    content: "\f0e3";
}

Make sure you target the right widget, using the widget section type in CSS.

 

[Tyrsson]

I just read this. Never got a mention notice on it… strange.

 

[Al]

You can modify this CSS and add it in extra.less .

I've added this to extra.less

.block[data-widget-section="staffMembers"] .block-minorHeader:before {
    content: "\f508";
}
.block[data-widget-section="developers"] .block-minorHeader:before {
    content: "\f509";
}

The developer icon changed, which was the primary goal - but I'd like to change the staff icon too - to something more friendly.



f508 is https://fontawesome.com/v5/icons/user-tie?f=classic&s=solid but it won't display? Any idea why?

 

[SoluDome]

I've added this to extra.less

.block[data-widget-section="staffMembers"] .block-minorHeader:before {
    content: "\f508";
}
.block[data-widget-section="developers"] .block-minorHeader:before {
    content: "\f509";
}

The developer icon changed, which was the primary goal - but I'd like to change the staff icon too - to something more friendly.

View attachment 2139

f508 is https://fontawesome.com/v5/icons/user-tie?f=classic&s=solid but it won't display? Any idea why?

Try this it will work

.block[data-widget-section="staffMembers"] .block-minorHeader:before {
    content: "\f508" !important;
}

 

[Al]

Legend. Thank you.