Virginia Tech® home

How Do I ... Make people pages

Employee directory pages have been a staple part of our websites for a long time. The way they've been traditionally done--by using tables to lay them out--does not work well within a responsive website design like we have in the current CMS.

Below are some examples of how to create people directories within the CMS:

Using the Multi Columns component to create a table-like layout

This example uses a single three column Multi Columns component for each row. Remember, once you create one row you can copy and paste the component on the page and replace content.

Click through the gallery below to see how. The steps are outlined in the image captions within the gallery.

Using the Multi Columns component to create a grid layout

This example uses a single three column Multi Columns component for each row in a grid layout. Remember, once you create one row you can copy and paste the component on the page and replace content.

Click through the gallery below to see how. The steps are outlined in the image captions within the gallery.