Team Members

The team_members custom function grabs data from a Google spreadsheet (teams) and dynamically builds a list of all team members, ordered by last name, first name. Each team member is displayed in a separate flex box with name and title. Hovering over team member displays the members profile, if provided. Clicking on the team member displays the details in a modal box. It uses the spreadsheet information to get the associated team member information.

Cook book

• Edit the page
• Click a “+” sign where you want to insert
• Select “Code”
• Paste the following code block
• Adust parameters as needed

Code block for team members

<script>
$( document ).ready(function() {
    // SelectorID
    do_team_members('#teamContainer'); 
});
</script>
<div id="teamContainer"></div>

Overrides:

None

Usage:

do_team_members(SelectorID)

Parameters:

Return Value:

None

Google Spreadsheet:

Spreadsheet Fields

Example Screenshot

Team member detail