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]

https://xenforo.com/community/threads/specific-usergroup-online-in-sidebar-widget.216551/
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.