When someone submits a membership form, the Experts@Minnesota support team adds a "Water Network" tag to their profile in Experts@Minnesota, and pastes the brief bio included on their membership form to the Water Network Bio field. Pronouns can also be added if they are specified.
The widget lists everyone with the Water Network tag, linking to their Experts@Minnesota profile. If their Experts profile includes a photo, it is included here as well. People with no Experts profile photo are shown as silhouettes.
The widget lists primary positions, generally based on internal human resources records.
The example above is styled with CSS.
Code embedded above:
<script src="https://widget.experts.umn.edu/assets/v2/widget.js"></script>
<script type="text/javascript">
ExpertsWidget.displayPeople({
keyword_uri: "/dk/atira/pure/core/keywords/community/water_community",
custom_profile: "waternetwork",
size: 25
});
</script>
<script type="text/javascript">
document.addEventListener('peopleDisplayed', function (e) {
var filter = jQuery('<label>Filter: <input type="text" id="experts-people-filter" /></label>').insertBefore("#experts-people");
filter.keyup(function(e) {
var pattern = new RegExp(jQuery(e.target).val(), "gi");
jQuery("div.experts-person").each(function() {
jQuery(this).toggle(pattern.test(this.innerText));
});
});
}, false);
</script>
<style>
.experts-person-profile-photo {
width: 175px;
height: 175px;
object-fit: cover;
}
.experts-person {
display: inline-table;
width: 200px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
margin-bottom: 16px;
margin-right: 24px;
}
.experts-person-research-interests {
display: none;
}
</style>