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 (). 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鈥檛 click the Upload button yet!
- First, enter 鈥淧hoto of Firstname Lastname鈥� in the Alternative Text box. (This lets people using screen readers understand what this picture is鈥損lus the form won鈥檛 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.
