Bio Graph

Insert a Bio Graph Rendering

1. Choose a sublayout placeholder area to add the Bio Graph rendering into.

a. Optimal sublayout will be a 6-6-sublayout if you wish it to display like example above.

2. Select the Bio Graph tab, then select the Bio Graph rendering.

3. Click the Select button. The Select Associated Content dialog box appears.

4. Select the Bio Graph Folder, then select the Create link.

5. Enter the name of the Bio Graph Folder.

6. The rendering will appear in the page, ready to edit.

Edit a Bio Graph Content Items

The Bio Graph is made up of:
• Title
• Description
• Image

1. Click on the Bio Graph Title [No text in field] to add a title.

2. Click on the Bio Graph Description [No text in field] to add a description.
a. You can enter content directly into the area or select the pencil icon to launch the Rich Text Editor.

3. Select the green pencil icon in the toolbox to add the Bio Graph image.

4. Select the Browse link to open the Media Library and browse for the image.
a. Add an image for the desktop view and another for the mobile view.
b. Approx. image dimensions (305 X 433)
c. Be sure the image includes an Alt Text description.

5. Save your changes to see image displayed.

Example of Bio Graph when completed:

This view displays in the following sublayouts:

•6-6-Sublayout (Optimal) • 4-8-Sublayout (in the larger area) • 8-4-Sublayout (in the larger area) • Full-Width-Sublayout

This view displays in the following sublayouts: • 3-3-3-3-Sublayout • 4-4-4-Sublayout • Mobile view