People
Please include all your lab/group members, including faculty, staff, grad students, and undergrad students.
- Your director/manager should be listed first and the remaining members can be ordered however you like.
- Due to Web Express limitations, the process of adding a person is a bit laborious. You will need to enter column layout code, type the person's name, and handle their photo (crop, upload, and insert).
- The easiest process for entering a new person is to copy all the code for an existing person, paste it, and then modify as needed.
Watch the video instructions (8 min)
1. Use column layout for each person
You can use a grid of 4 columns (one-fourth) or 5 columns (one-fifth). All but the last person in a row needs to have the following column layout code entered before and after the person's name via the editing toolbar (see Web Express instructions for column shortcode). The below screenshot shows a finished example:
The last person in a row should have slightly different code that includes order=last, like this example screenshot:
2. Enter and link their name
Enter the person's name and bold it. Most people already have a profile page on the INSTAAR website, so please convert their name to a link:
- Highlight their full name
- Click the link button in the editing toolbar (it looks like a link of a chain), and you should see a Link dialog box.
- Start typing their name in the Link field and you should see one or more options.
- Select the correct option, and click the OK button.
3. Prep and upload their photo
For those people who already have an INSTAAR profile page, you can start by taking a screenshot of their circle photo. Alternatively, you can use a new photo of them and crop it to a circle version as discussed in the Edit your Profile instructions (see Photo section at bottom of those instructions).
Once you have a circle image, upload it as a jpg or png:
- Click the Browse button to select the file on your computer. But don’t click the Upload button yet!
- First, enter “Photo of Firstname Lastname” in the Alternative Text box. (This lets people using screen readers understand what this picture is–plus the form won’t upload your picture without the alt text.)
- Now hit the Upload button.
4. Insert and link their photo
After uploading the photo, you need to insert it into the correct location.
- Move your cursor in the body field and click to set the location.
- Scroll the page to see the photo you've uploaded.
- For Style, select the Thumbnail size
- Click the Insert button.
Finally, link their photo to their INSTAAR profile page similar to how you linked their name. Select the photo and then click the link button in the editing toolbar.
Alumni
When a person leaves your lab/group, you can either just remove them from the webpage or add their names to your alumni list. Please bold their names. Here's an example screenshot showing the full code for the alumni section. It includes code for the expanding section as well as splitting the list into two columns.
