Profile Template

Used to build shared content pages that promote your faculty teaching, research, and service interests.

Published March 1, 2024

Important Notice for Shared Content Templates

In order for any piece of shared content to function properly, there should not be any blank elements or incomplete links in the page (i.e., a photo component without a photo in it or an incorrect link).

This is part of an advanced feature that supports building a directory to promote your faculty that has a standardized layout, but is very flexible for displaying your content.

Learn more about faculty profiles in the UBCMS

Adaptive Crop

The template includes a Photo component which can be adjusted using the Adaptive Crop tool.

  • Adapative Crop is applied to your original image after any Image Size changes.
  • These modifications override any changes previously made with the main Crop tool. You will be asked 'Would you like to override the native crop and use the adaptive crop?' Click Override to get started.
  • Flexible Height is applied to your desktop image after Adaptive Crop adjustments and has no impact on mobile or teaser images.
Zoom image: Adaptive Crop settings in a Photo component. In this example from Oozfest, the center of the original image is a muddy splash, so the cross-hairs and sliders have been used to refocus the images on the left side, where team members are clustered.

Adaptive Crop settings in a Photo component.

The tool approximates how your original image will be cropped for desktop, mobile and teaser (thumbnail) views, allowing adjustments to better represent your desired focus in these contexts.

The interface responds to the main Image Size setting. Set the Image Size, then drag the Adaptive Crop cross-hairs to the center of your desired focus, and adjust the three sliders as desired to highlight the three zones.

The interface approximates the final displays. After you make your adjustments, we suggest you preview the results (e.g. using the mobile device emulator). And if you realize the List thumbnail is not working out as desired, consider also loading an image into page Properties that is cropped exactly as desired, where it will be used preferentially for teasers.

Learn more about using Adaptive Crop