Profile Card (Directory) on Version 2.16
Preview this component (Custom Element; v2.14.0; 11/15/2022)
Guidelines using the component
Zaphod Beeblebrox
Director of Clinical Imaging Research Stephens Family Clinical Research Institute Carle Foundation Hospital
Very Very Very Long Department Name
Description
This is a profile card specifically tailored to a faculty, staff member, or student. It is basically a Card component with specific styling.
Technical Notes
For readability, this is inside a container that is restricted to 500px. This component will expand to fill the container it is in, and is usually placed in a flex or grid container.
Currently, this does not work well if in an il-formatted section.
Component Display
Change Your Content and Options
Template -- enter raw HTML here
Important Classes
N/A
Classes
N/A
Attributes
N/A
Advanced Options
These options are only to be used in advanced situations -- most of your needs should be met through the attributes and classes, and this breaks the intent of having a unified design.
Custom Style Tag before text
How to add it to your page
Copy and paste this in your page. Remember
- Make sure you have updated your component to make sure the below code is completed.
- Make sure you have the Header code in your header.
Note that this uses the custom style 'builder-custom'. You may need to change this if you are using multiple versions of this component with different styles.