Department Directory Widget

Department Directory Widget

Last updated 02.12.25

The Department Directory widget presents data pulled from the Directory Application to display employee photos and names in rows. The employees displayed are governed by the departments to which they are assigned. Working with the widget first requires adding this data to the Directory Application. 
 
The Directory Application is a cross-referenced database of location, department and employee information. For this Department Directory widget to work properly there needs to be, at minimum, an employee photo, name and department in the database. 

Any changes in the Directory Application will propagate through the website automatically.  

Related Links & Videos

Add the Department Directory Widget to the page

  1. Select where on the page you would like the widget to appear 
  2. Click on the blue plus add widget icon   
  3. Select the Department Directory widget from the widget pop up 
  4. Once the widget is added to the page, hover over the added widget until it displays the properties and trash icons. Click on the gear-shaped properties icon. 

Department Directory Properties

  1. In the Department Directory properties pop up, adjust various settings including the order employees appear and which department to pull the information from.
  2. Click Apply button to update the widget with selected properties. The properties pop up will automatically close.

How to delete the Department Directory Widget

Hover over the Department Directory widget until it displays the properties and trash icons and click on the trash icon to delete. 

How to reposition the Department Directory Widget

Hover over the Department Directory widget until it displays the grab icon on the left. Simply drag and drop in a new location. 

Department Directory Widget Properties

PROPERTYDESCRIPTION
Order ByYou can choose from:
  • Priority Order - this is defined in the Directory Application. Often used to call out the leading contact first with the remaining department employees in alphabetical order
  • Last Name - Ascending (alphabetically by last name)
  • Item Order - Ascending
  • First Name - Ascending (alphabetically by first name)
Display Email IDCheckbox toggles between showing or hiding email address for all listed
Display Phone NumberCheckbox toggles between showing or hiding phone number for all listed
Items per row (Large screens)Enter number of items per row - 5-6 recommended for desktop
Items per row (Medium screens)Enter number of items per row - 3-4 recommended for tablet
Items per row (Small screens)Enter number of items per row - 1-2 recommended for mobile
TransformationYou can choose from:
  • Employee info with image - example below
  • Employee info without popup - example below
  • Employee info without image - example below
  • Employee info without location filter - example below
DepartmentSelect a department from the drop down menu – content is driven by the departments added to the Directory Application
No. of Items Per PageEntry field for number

Examples

Employee Info with Image Transformation

This example of the Department Directory Widget is pulling in employees who are flagged as being in the Leadership department. Departments are created in the Directory Application. This widget is using the Employee Info with Image transformation option. By clicking on an employee image below a small window pops up with contact details of that employee.

Photo of James Patrick, CEO
James Patrick
CEO
Marsha Satterfield
Marsha Satterfield
CFO
James Beatty
James Beatty
VP Energy
Doug Graves
Doug Graves
Area Manager Midwest
Jeff Krajcik
Jeff Krajcik
VP Feed
Sherry MacGyver
Sherry MacGyver
VP Grain
Jeanette Ryan
Jeanette Ryan
VP Agronomy

Employee Info without Popup Transformation

This widget is using the Employee Info without Popup transformation option.

Jeanette Ryan
Jeanette Ryan
VP Agronomy
Arden Hills,River Falls
Austin Dickinson
Austin Dickinson
Agronomy Manager
Pine Island,Arden Hills
Office: (888) 888-8888
Cell: (000) 000-0000
Jeannie Bosco
Jeannie Bosco
Agronomist
River Falls
Office: (888) 888-8888
Cell: (000) 000-0000
Sue Case
Susan Case
Agronomy Operations
Inver Grove Heights
Office: (888) 888-8888
Cell: (000) 000-0000
Kent Cook
Kent Cook
Agronomist
Willmar
Office: (888) 888-8888
Cell: (000) 000-0000
Celia Fate
Celia Fate
Agronomy Admin
Inver Grove Heights
Office: (888) 888-8888
Cell: (000) 000-0000
James Hale
James Hale
Agronomy Admin
River Falls
Office: (888) 888-8888
Cell: (000) 000-0000
Tanya Hide
Tanya Hide
Sales Agronomist
Pine Island
Office: (888) 888-8888
Cell: (000) 000-0000
Brandon Lyon
Brandon Lyon
Agronomist
Pine Island
Office: (888) 888-8888
Cell: (000) 000-0000
Hugh Raye
Hugh Raye
Agronomist
Pine Island
Office: (888) 888-8888
Cell: (000) 000-0000

Employee Info Without Image Transformation

This widget is using the Employee Info without Image transformation option. By clicking on an employee name below a small window pops up with contact details of that employee.

James Beatty
VP Energy
Joe King
Energy Division Manager
Janice Turner
Energy Delivery Manager
Chris Ander
Energy Sales Specialist
Bob Cade
Energy Sales
Myron Cross
Energy Sales
Anna Graham
Energy Admin
Shirley Knott
Energy Sales
Jean Poole
Energy Operations

Employee Info with Location Filter Transformation

This widget is using the Employee Info with Location transformation option. This transformation allows the visitor to find people using a location filter in a drop-down menu. Pagination is automatic if required. A button is optional.

Jeanette Ryan
Jeanette Ryan
VP Agronomy
Arden Hills,River Falls
Austin Dickinson
Austin Dickinson
Agronomy Manager
Pine Island,Arden Hills
Office: 888-888-8888
Cell: (000) 000-0000
Jeannie Bosco
Jeannie Bosco
Agronomist
River Falls
Office: 888-888-8888
Cell: (000) 000-0000
Sue Case
Susan Case
Agronomy Operations
Inver Grove Heights
Office: 888-888-8888
Cell: (000) 000-0000
Kent Cook
Kent Cook
Agronomist
Willmar
Office: 888-888-8888
Cell: (000) 000-0000
View All