Virginia Tech® home

Bio Contact Card

This widget displays a "contact card" that links to a Ensemble Bio Page. The widget pulled the name, title, contact information, and image from the page. 

Adding the Bio Contact Card Widget

Pamplin Utility Class

Ensure the Pamplin Ensemble Utility Javascript is added to your site
https://pamplin-cdn.azureedge.net/website_assets/all_local_assets/utility_2020.js

Create the bio page

  1. Create a biography page within AEM
  2. Ensure the Bio ID (UID) field is set in Properties > Bio Info
     

Add widget to a page

  1. Add a HTML Element to page
  2. Add the following HTML replacing {XXXXXX} with the Bio ID (UID) that was set on the properties

HTML

<contact data-uid="{XXXXXX}"></contact>


Sample Contact Card

In a 50% width container

Sample Multi-Column

Sample Contact Card in Right Column