A spotlight is available as a component in Modern Campus CMS.

How to insert a spotlight on a page in Modern Campus CMS

  • Handle: @spotlight
  • Preview:
  • Filesystem Path: src/components/05-special-applications/spotlight/spotlight.hbs
<article class="SpotlightWrapper ContentBlock">
    <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="Loading">
            <em>Loading Spotlight. . .</em><br>
            <img src="https://missouristate.info/ou/_resources/img/loader.gif" alt="loading">
        </div>
        <script>
            missouristate.requireScript("https://missouristate.info/ou/_resources/js/spotlights.min.js", false);
        </script>
    </div>
</article>
<article class="SpotlightWrapper ContentBlock">
  <h2>Spotlight</h2>
  <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}}">
      <div class="Loading">
        <em>Loading Spotlight. . .</em><br>
        <img src="https://missouristate.info/ou/_resources/img/loader.gif" alt="loading">
      </div>	
      <script>missouristate.requireScript("https://missouristate.info/ou/_resources/js/spotlights.min.js", false); </script> 
  </div>
</article>
{
  "headingLevel": "2",
  "spotlightId": null,
  "spotlightTypes": "Alumnus;Student;Faculty",
  "campus": "s",
  "spotlightPrograms": null,
  "campusWide": "false",
  "departmentId": "De112",
  "keywords": null,
  "graduateOnly": "false",
  "otherKeywords": null
}