Authored by Carlos Picazo, EMEA Digital Specialist Presales team member, on his personal blog "Carlos' Technology Corner".
Today’s post objective is to learn how to develop a Custom Component in Sites Cloud Service that makes use of static files (in our case, a default image that can be override by the contributor) and how to reference the static files to work both in edit mode and when the site is published.
I’m going to use the same bootstrap theme than in previous posts (Modern Business) and will focus on create a custom component to render this specific HTML snippet (obviously managing the image, text and social network links):
Basically it’s a team member card, but I want to keep the image as the default image and provide the ability to the contributor to select another image hosted in Documents Cloud. Then we have three text that I will convert to make them editable by the contributor and we will play with the different CKEditor toolbars we want to offer to edit each text field. Finally, we will have 3 inputs as settings to configure social network links.
Continue reading for the three inputs and next steps.