How to render userlists

5 months 2 weeks ago #309105 by erichburkhard
I have the following question: Is there an easy way to render the 'title' of fields which are used in userlists?. Have a look at the example below:

In order to make the userlists easier to read (on a smartphone), I decided to add a kind of separator: e.g.:

the line 'Citizenship Indonesia' should be rendered as:
'Citizenship: Indonesia'

..... /** with an extra ':' as visual separator **/

and this kind of rendering should only take place if a field is used for a userlist - but not if the field is used e.g. in the registration process… there an easy way to do it?

5 months 2 weeks ago #309112 by krileon
You can use CSS to add a separator. The below CSS will add the colon after field titles in userlists.
.cbUserListFieldTitle:after {
	display: inline-block;
	content: ":";

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Templates - CBSubs - Hosting - Forge - Incubator - GroupJive
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
Please note I am available Monday - Friday from 8:00 AM EST to 4:00 PM EST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
The following user(s) said Thank You: erichburkhard
Moderators: beatnantkrileon
Time to create page: 0.382 seconds
Facebook Twitter Google LinkedIn