How to render userlists

5 days 22 hours 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…..is there an easy way to do it?

regards
Attachments:
5 days 17 hours 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.
Moderators: beatnantkrileon
Time to create page: 0.388 seconds
Facebook Twitter Google LinkedIn