Web Biography Widget



This widget was designed so that one or more professional biographies can be displayed on a page. The web biography (web bio) widget is perfect for highlighting people on a staff, team, in a class or as part of a teaching or research group.

It is a content type, which means that the information displayed via the widget is centrally located in the "Content" area of the dashboard and is managed there, not on the individual page itself. The information for bios is dependent upon content initially imported into Sitefinity. Additional information can be added to an individual's biography in the content area under "Web Bios."

Design



There are six different ways to display the web bio widget. Below are your template display options:

Web bio


Ashley Arens

Delivery Manager

Tarah Dykeman

(she/her/hers)
Web Customer Success & Training Professional

Chloe Rankin

CMS Trainer & Content Developer

Maxie Thao

Web DeV Accessibility UX SpecI

 

Web bio accordion 


 

Web bio full


Chloe Rankin

Chloe Rankin

CMS Trainer & Content Developer
  • Office of Information Technology

Email Address:chloe.rankin@ucdenver.edu

Primary Phone:3033154300

Gingerbread wafer powder toffee chocolate cake carrot cake chocolate bar tiramisu. Tart tiramisu oat cake. Cake soufflé chupa chups gummi bears marshmallow.

Chupa chups oat cake I love cookie bonbon soufflé toffee sugar plum. Oat cake sweet muffin donut. Bonbon cake brownie sweet chupa chups pastry I love.

Liquorice toffee pudding I love jelly beans marshmallow macaroon ice cream jelly-o. Pastry croissant toffee ice cream I love topping croissant. Wafer I love sesame snaps sweet roll gummi bears cake tootsie roll. Dessert jujubes sweet icing lemon drops macaroon cake.

Caramels sesame snaps apple pie soufflé. Chocolate cake chocolate sweet apple pie dessert bonbon. Brownie brownie sesame snaps tootsie roll muffin bear claw croissant sugar plum.

Education, Licensure & Certifications

Resumes/CV:

Web bio grid


Ashley Arens

Ashley Arens

Delivery Manager
Tarah Dykeman portrait

Tarah Dykeman

(she/her/hers)
Web Customer Success & Training Professional
Maxie Thao

Maxie Thao

Web DeV Accessibility UX SpecI

Web bio simple list


Ashley Arens

Delivery Manager
Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.

Tarah Dykeman

(she/her/hers)
Web Customer Success & Training Professional
Shake mastiff zoomies leash, spin aussie stay zoomies wuff nose. Paw pittie down leap tail sit, mastiff squirrel dobie leash bark. Dobie leash dog chi kibbles tail, tails dog toy roll over collie.

Chloe Rankin

CMS Trainer & Content Developer
Cupcake ipsum dolor. Sit amet cotton candy muffin apple pie I love chocolate cake. Chocolate cake I love donut tiramisu cookie marzipan gummies marshmallow.

Maxie Thao

Web DeV Accessibility UX SpecI
Griefing sandbox GTA pre-firing rubber banding Fighting game charge attack A GUI GG ez. Last hitting pre-rendered graphics matchmaking Tomb Raider HUD Sega Genesis anti-aliasing map W+M1 rocket jump OHKO bot area of effect.

Web bio table


Profile Picture Name Contact Information
Ashley Arens

Ashley Arens

Delivery Manager
Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.
Tarah Dykeman portrait

Tarah Dykeman

(she/her/hers)
Web Customer Success & Training Professional
Office of Information Technology
Shake mastiff zoomies leash, spin aussie stay zoomies wuff nose. Paw pittie down leap tail sit, mastiff squirrel dobie leash bark. Dobie leash dog chi kibbles tail, tails dog toy roll over collie.
Chloe Rankin

Chloe Rankin

CMS Trainer & Content Developer
Office of Information Technology
Cupcake ipsum dolor. Sit amet cotton candy muffin apple pie I love chocolate cake. Chocolate cake I love donut tiramisu cookie marzipan gummies marshmallow.
Maxie Thao

Maxie Thao

Web DeV Accessibility UX SpecI
Griefing sandbox GTA pre-firing rubber banding Fighting game charge attack A GUI GG ez. Last hitting pre-rendered graphics matchmaking Tomb Raider HUD Sega Genesis anti-aliasing map W+M1 rocket jump OHKO bot area of effect.

How to



In order to display web biographies, you need to import them into Sitefinity using one of two methods. You can find instructions for each below. 

Import internal users

The internal import process is for university faculty and staff. Biography information is pulled from the HR system. Once imported, you can change any imported information as well as add additional information. 

To complete an internal import, please do the following: 

  1. Ensure you are working in the proper multisite.
  2. Click the Content tab and select Web bio import.
  3. Enter in your website and click Import from IDM.
  4. Enter email address, title, first name, last name or both.
  5. Select the School or College associated with the person. Use Any School to search all departments.
  6. Select checkbox for the person you wish to import.
  7. Repeat as necessary.
  8. Hit Start.
How to import internal people into the Web Bios widget

Import external users

The external import process is for people affiliated with the university but do not have information in the HR system. This process will import the full name and email of your people. Once imported, you can add additional information. 

To complete an internal import, please do the following: 

  1. Ensure you are working in the proper multisite.
  2. Click the Content tab and select Web bio import.
  3. Enter in your website and click Import from CSV.
  4. Download a copy of the CSV format spreadsheet,
  5. Fill out the spreadsheet. Be sure to leave the headers in the first row as is.
  6. Save to your computer.
  7. Choose the file from your computer.
  8. Hit Start.
How to import external people for Web Bios widget

Add content to user bios

Once your people are imported, you can add additional information to the individual biographies. 

To add content to a biography, please do the following: 

  1. Ensure you are working in the proper multisite.
  2. Click the Content tab and select Web bios.
  3. Find the person and click their email address.
  4. Fill in the applicable fields. 
  5. Publish.

Use the widget

Now that your content is ready, you can the biographies to your webpages using the web bios widget. 

To complete add content, please do the following: 

  1. Go to the page you would like to display the bio(s) on in edit mode.
  2. Find the web bios widget and drag and drop it on the page.
  3. Click Edit.
  4. Select the biographies would would like to display under the content tab.
  5. Under list settings, choose limits if need and the sort order.
  6. Expand the drop down menu under List template to choose the design template you want to use.
  7. Click List Options, enter a title if needed and check the fields you would like to display. 
  8. Click Back to widget settings.
  9. Select Single items settings choose whether you would like to open bio details on the same page (auto-generated) when selected or a designated (existing) page. If you are not sure which option you need, click here for more information about setting up an existing page. 
  10. To enable text search and/or filtering, click "Filter" and select your preferences. 
  11. Save.
How to use the Web Bios widget

Search and filtering


The web biography widget allows optional text search and filtering at the top of the widget for a more simplified user experience. 

Web Bio - Search and filter example


These options give site visitors the ability to type in names and select categories in order to pare down the list of biographies displayed by applicable criteria. To enable search and/or filtering, please do the following: 

1. While editing the page, click Edit on the Web Bios widget and select Filter at the bottom.

Edit view for web bio widget


2. Select which options you would like to implement. 

Web bio - search and filtering options


3. Save. 

 

Additional information


Replacing the people widget

Those who are currently using the people widget on their website(s) will need to switch out the people widget with the new web bio widget. The people widget will no longer be available in Sitefinity starting March 2021 so it is imperative that site builders complete the switch. 

To replace the people widget, please do the following:

  1. Use the provided spreadsheet to locate existing People Widgets, the spreadsheet will provide guidance on which widget list template was used. For example, in the image below, there is a “Faculty Directory” page using a people widget with the Contact info card template.

     

    Example image of people widget spreadsheet
  2.  

  3. In the Dashboard, switch to the proper multisite, ex. College of Nursing
  4. Locate and Edit the Page
  5. Locate the People widget on the page
  6. Edit the People widget and make a note of the display criteria the widget is using. We suggest taking a screenshot.  

     

    Example image of people widget criteria
  7.  

  8. Add a Web Bio Widget
  9. Save as draft
  10. Add the same criteria to the Web Bio widget under “Which web bios to display?”. Because the Web Bio data is now local to just this site, it may not be necessary to use as much criteria to filter results. For example, it may be possible to get the same results by just selecting the role as “faculty” since the data is already limited to the College of Nursing site.

     

    Example of web bio widget criteria
  11.  

  12. Save as draft
  13. Edit the Web bio widget and select the template and fields. Instead of re-creating all eight templates of the People widget, we have made few templates in Web Bio – but they can be configured to show the desired pieces of contact info.
    • Go to the List Settings of the Web Bio widget.
    • Change the “Sort web bios” dropdown to “Last name, first name”
    • Use this table to help select the appropriate template
    • To add or remove which fields are displayed, Click the list options button
    • Use the checkboxes to select the desired info to display. Please note Full Profile views like Web bio accordion and Web bio full will display all fields regardless of the selection. 
    Original People Template NameNew Web Bio Template NameSelect These Fields To Match
    Accordion list of full profilesWeb bio accordionNot necessary – fields should match without configuration
    Basic listWeb bio simple listNot necessary – fields should match without configuration
    Contact info cardWeb bio  or Web bio grid·       Job Title
    ·       Preferred Email
    ·       Phone
    Department contact info ·       Job Title
    ·       Primary Department (or Secondary Department if preferred) **this may require additional info to be added to the web bio
    ·       Preferred Email
    ·       Phone
    Full ProfileWeb bio fullNot necessary – fields should match without configuration
    Overview cardWeb bio or Web bio grid·       Job Title
    ·       Primary Department (or Secondary Department if preferred) **this may require additional info to be added to the web bio
    Simple cardWeb bio or Web bio grid·       Job Title
    ·       Primary Department (or Secondary Department if preferred) **this may require additional info to be added to the web bio
    PersonWeb bioNot necessary – fields should match without configuration

     

  14. Save widget.
  15. Save the page as a draft.
  16. Preview the page.
  17. Adjust the Web bio widget as needed.
  18. Edit the People widget once more and go to the Single Item Settings tab, make a note of how this is configured.
  19. Edit the Web bio widget, go to the Single Item Settings, set configuration up to match what was in the people widget.
  20. Save the widget.
  21. Save as draft.
  22. Remove the People widget.
  23. Publish the page.