<section class="search-result-message">
    <h4>Sorry, your search did not find any matching results.</h4>
    <p>Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA. *Placeholder copy*</p>
</section>
<section class="search-result-message">
    <h4>{{ title }}</h4>
    <p>{{ teasertext }}</p>
</section>
{
  "value": "Acc",
  "filterGroups": [
    {
      "title": "Filter by content type",
      "id": "result-type",
      "name": "result-type",
      "type": "radio",
      "filters": [
        {
          "label": "Course",
          "count": 2,
          "checked": true,
          "id": "result-type-course",
          "value": "?query=test&collection=uod-meta&f.result+type%7Ctype=courses"
        },
        {
          "label": "News",
          "count": 2,
          "id": "result-type-news",
          "value": "?query=test&collection=uod-meta&f.result+type%7Ctype=news"
        },
        {
          "label": "Events",
          "count": 10,
          "id": "result-type-events",
          "value": "?query=test&collection=uod-meta&f.result+type%7Ctype=events"
        },
        {
          "label": "Staff",
          "count": "0",
          "id": "result-type-staff",
          "disabled": true,
          "value": "?query=test&collection=uod-meta&f.result+type%7Ctype=staff"
        },
        {
          "label": "Case study",
          "count": 2,
          "id": "result-type-case-study",
          "value": "?query=test&collection=uod-meta&f.result+type%7Ctype=case-study"
        }
      ]
    },
    {
      "title": "Filter by level",
      "id": "level",
      "name": "level",
      "type": "checkbox",
      "filters": [
        {
          "label": "Undergraduate",
          "count": 2,
          "checked": true,
          "id": "result-group-undergraduate",
          "value": "?query=test&f.level%7CcourseLevel=Undergraduate&collection=uod-meta&f.result+type%7Ctype=courses"
        },
        {
          "label": "Postgraduate",
          "count": 10,
          "id": "result-group-postgraduate",
          "value": "?query=test&f.level%7CcourseLevel=Postgraduate&collection=uod-meta&f.result+type%7Ctype=courses"
        },
        {
          "label": "Professional",
          "count": 10,
          "id": "result-group-professional",
          "value": "?query=test&f.level%7CcourseLevel=Professional&collection=uod-meta&f.result+type%7Ctype=courses"
        }
      ]
    },
    {
      "title": "Filter by study option",
      "id": "study-option",
      "name": "study-option",
      "type": "checkbox",
      "filters": [
        {
          "label": "Full-time",
          "count": 2,
          "checked": true,
          "id": "result-study-option-full-time",
          "value": "?query=test&collection=uod-meta&f.result+type%7Ctype=courses&f.study+option%7CstudyOption=Full-time"
        },
        {
          "label": "Part-time",
          "count": 2,
          "id": "result-study-option-part-time",
          "value": "?query=test&collection=uod-meta&f.result+type%7Ctype=courses&f.study+option%7CstudyOption=Part-time"
        },
        {
          "label": "Online",
          "count": 10,
          "id": "result-study-option-online",
          "value": "?query=test&collection=uod-meta&f.result+type%7Ctype=courses&f.study+option%7CstudyOption=Online"
        },
        {
          "label": "CPD",
          "count": "0",
          "id": "result-study-option-cpd",
          "disabled": true,
          "value": "?query=test&collection=uod-meta&f.result+type%7Ctype=courses&f.study+option%7CstudyOption=CPD"
        }
      ]
    }
  ],
  "title": "Sorry, your search did not find any matching results.",
  "teasertext": "Use our University of Derby course finder to search for undergraduate degree courses including BA, BSc, and BEng, and postgraduate degree courses including MA, MSc, and MBA. *Placeholder copy*"
}
  • Content:
    .search-result-message {
        margin-right: px-to-em(26, 17);
        margin-bottom: px-to-em(26, 17);
        border-bottom: 1px dashed $dark-grey;
        padding-bottom: px-to-em(26, 17);
    
        p {
            color: $black;
        }
    }
    
  • URL: /components/raw/search-result-message/search-result-message.scss
  • Filesystem Path: components/components/search-results/search-result-message/search-result-message.scss
  • Size: 218 Bytes

Search Result Message

A generic search result template, to be used to display a message to the user (such as no results.)

Key Features

  • Title
  • Teaser text

Properties

  • title [required, String / HTML]
  • teasertext [required, String / HTML]