1. Forums
  3. Community Discussions
  5. Community Builder
  7. General
  9. Canvas background / profile picture

Canvas background / profile picture

1 year 10 months ago #329568 by carlos22
Canvas background / profile picture was created by carlos22
Hello

How can I reproduce the canvas background along with the profile picture in an article using CB Content?

* as shown in attached photo

Thanks
Attachments:

Please Log in to join the conversation.

1 year 10 months ago - 1 year 10 months ago #329570 by krileon
Replied by krileon on topic Canvas background / profile picture
There is no simple way of doing that. You'll have to use same HTML as the connections module for example then substitute in whatever fields you want rendered in it. Example as follows.

<div class="cb_template">
	<div class="card d-inline-block w-sm-100 mw-100 no-overflow cbCanvasLayout cbCanvasLayoutSm" style="width: 300px;">
		<div class="card-header p-0 position-relative cbCanvasLayoutTop">
			<div class="position-absolute cbCanvasLayoutBackground">
				[cb:userfield field="canvas" reason="list" /]
			</div>
		</div>
		<div class="position-relative cbCanvasLayoutBottom">
			<div class="position-absolute cbCanvasLayoutPhoto">
				[cb:userfield field="avatar" reason="list" /]
			</div>
		</div>
		<div class="card-body p-2 position-relative cbCanvasLayoutBody">
			<div class="text-truncate cbCanvasLayoutContent">
				[cb:userfield field="onlinestatus" /] [cb:userfield field="formatname" reason="list" /]
			</div>
		</div>
	</div>
</div>

See the below tutorial for further substitution usage information.

www.joomlapolis.com/documentation/279-community-builder/tutorials/18353-using-substitutions-throughout-cb

Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
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 CST to 4:00 PM CST. 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.

Please Log in to join the conversation.

Moderators: beat, nant, krileon
  1. Forums
  3. Community Discussions
  5. Community Builder
  7. General
  9. Canvas background / profile picture
Time to create page: 0.983 seconds

Facebook Twitter LinkedIn

    You are here:  
  1. Home
  2. Forums
  3. Community Discussions
  4. Community Builder
  5. General
  6. Canvas background / profile picture

Search

Login / Logout

User Menu