A spotlight is a page that shows information about a student, faculty member, or alumni (along with other options) from Missouri State University within a certain department or organization.

Best practices

  • Make it relevant to the page.
  • Use the spotlight pull that is tagged appropriately to the page where it will appear.
  • Filter to your audience as much as possible based on available spotlight content.
  • Strive to use no more than one spotlight block per page.
  • Consider filter type (student vs. faculty) when strategically placing spotlights.
<article class="SpotlightWrapper ContentBlock Page10">
    <h2>Spotlight</h2>
    <div class="Spotlight ContentBlock" data-heading_level="2" data-campuswide="false" data-graduateonly="false" data-spotlighttypes="Alumnus;Student;Faculty" data-spotlightprograms="" data-spotlightid="" data-keywords="" data-otherkeywords="" data-campus="s"
        data-deptid="De112">
        <div class="loader">
            <img class="image" src="../../images/loader.gif" alt="">
            <p class="title">Loading</p>
        </div>
        <script>
            missouristate.requireScript("../../scripts/components/spotlights.min.js", false);
        </script>
    </div>
</article>
<article class="SpotlightWrapper ContentBlock Page{{pageId}}">
    <h{{headingLevel}}>Spotlight</h{{headingLevel}}>
    <div class="Spotlight ContentBlock" data-heading_level="{{headingLevel}}" data-campuswide="{{campusWide}}" data-graduateonly="{{graduateOnly}}" data-spotlighttypes="{{spotlightTypes}}" data-spotlightprograms="{{spotlightPrograms}}" data-spotlightid="{{spotlightId}}" data-keywords="{{keywords}}" data-otherkeywords="{{otherKeywords}}" data-campus="{{campus}}" data-deptid="{{departmentId}}">
        {{> @loader}}
        <script> missouristate.requireScript("{{path '/scripts/components/spotlights.min.js'}}", false); </script>
    </div>
</article>
{
  "pageId": 10,
  "headingLevel": "2",
  "spotlightId": null,
  "spotlightTypes": "Alumnus;Student;Faculty",
  "campus": "s",
  "spotlightPrograms": null,
  "campusWide": "false",
  "departmentId": "De112",
  "keywords": null,
  "graduateOnly": "false",
  "otherKeywords": null
}