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

Ashley Arens

Delivery Manager
  • Office of Information Technology

Email Address:ashley.arens@ucdenver.edu

Primary Phone:3033150320

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke.

Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. Sea lettuce lettuce water chestnut eggplant winter purslane fennel azuki bean earthnut pea sierra leone bologi leek soko chicory celtuce parsley jícama salsify.

 

Web bio accordion 


Ashley Arens

Ashley Arens

Delivery Manager
  • Office of Information Technology

Email Address:ashley.arens@ucdenver.edu

Primary Phone:3033150320

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke.

Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. Sea lettuce lettuce water chestnut eggplant winter purslane fennel azuki bean earthnut pea sierra leone bologi leek soko chicory celtuce parsley jícama salsify.

 

Web bio full


Ashley Arens

Ashley Arens

Delivery Manager
  • Office of Information Technology

Email Address:ashley.arens@ucdenver.edu

Primary Phone:3033150320

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke.

Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. Sea lettuce lettuce water chestnut eggplant winter purslane fennel azuki bean earthnut pea sierra leone bologi leek soko chicory celtuce parsley jícama salsify.

Web bio grid


Ashley Arens

Ashley Arens

Delivery Manager
  • Office of Information Technology

Email Address:ashley.arens@ucdenver.edu

Primary Phone:3033150320

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke.

Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. Sea lettuce lettuce water chestnut eggplant winter purslane fennel azuki bean earthnut pea sierra leone bologi leek soko chicory celtuce parsley jícama salsify.

Web bio simple list


Ashley Arens

Ashley Arens

Delivery Manager
  • Office of Information Technology

Email Address:ashley.arens@ucdenver.edu

Primary Phone:3033150320

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke.

Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. Sea lettuce lettuce water chestnut eggplant winter purslane fennel azuki bean earthnut pea sierra leone bologi leek soko chicory celtuce parsley jícama salsify.

Web bio table


Ashley Arens

Ashley Arens

Delivery Manager
  • Office of Information Technology

Email Address:ashley.arens@ucdenver.edu

Primary Phone:3033150320

Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke.

Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. Sea lettuce lettuce water chestnut eggplant winter purslane fennel azuki bean earthnut pea sierra leone bologi leek soko chicory celtuce parsley jícama salsify.

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 your 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.