Online Status Icon in CB Online / Content Module

Hello,

Is there a way to get online circle displayed just beneath user's avatar (like in profile and userlist modes) in an CB Online/Content Module?

Thank you.

Best approach would be a layout override for the module or a custom layout for it. There you'd add the onlinestatus field output however you'd like. The quickest is probably to just use the "User-text" parameter within the module with something like the below.


You'll need some custom CSS for re positioning the online status wherever you may want it. The below CSS should give what you're wanting.


The module has no functionality for outputting custom css so you'll likely need to add it to your Joomla template or try using CBs built in CSS override feature below.

www.joomlapolis.com/blog/kyle/18711-template-css-overrides-made-easy

Thanks a lot for your quick response.
Code turned out to work properly.

However I'd to switch CB Online Module's "Alternative Layout" setting from avatar-horizontal to default-horizontal.
Both settings did not work before in terms of getting avatars side-by-side.
I assume this was caused by Joomla Template settings in use.
I'd to add:

.cb_template .cbConnectionPaths img {
max-width: 40px;
margin-left:5px;
margin-right:5px;
display: inline;
}

to override.css to get avatars aligned.

So apparently returning to an earlier issue.

What may cause forcing images displaying vertically when set to default-horizontal (see screenshot attached)?

Thank you.

Change the divs in the above HTML to spans and should work side by side like you're wanting.