<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>
{
  "filterGroups": [
    {
      "title": "Filter by result type",
      "filters": [
        {
          "label": "Course",
          "count": 2,
          "checked": true,
          "tag": "result-type-course"
        },
        {
          "label": "News",
          "count": 2,
          "tag": "result-type-news"
        },
        {
          "label": "Online",
          "count": 10,
          "tag": "result-type-online"
        },
        {
          "label": "Foundation",
          "count": null,
          "tag": "result-type-foundation"
        },
        {
          "label": "Part-time",
          "count": 2,
          "tag": "result-type-part-time"
        }
      ]
    },
    {
      "title": "Filter by result type",
      "id": "result-type",
      "type": "dropdown",
      "filters": [
        {
          "label": "Course",
          "count": 2,
          "checked": true,
          "tag": "result-type-course"
        },
        {
          "label": "News",
          "count": 2,
          "tag": "result-type-news"
        },
        {
          "label": "Online",
          "count": 10,
          "tag": "result-type-online"
        },
        {
          "label": "Foundation",
          "count": null,
          "tag": "result-type-foundation"
        },
        {
          "label": "Part-time",
          "count": 2,
          "tag": "result-type-part-time"
        }
      ]
    },
    {
      "title": "Filter by result type",
      "id": "result-type",
      "type": "radio",
      "filters": [
        {
          "label": "Course",
          "count": 2,
          "checked": true,
          "tag": "result-type-course"
        },
        {
          "label": "News",
          "count": 2,
          "tag": "result-type-news"
        },
        {
          "label": "Online",
          "count": 10,
          "tag": "result-type-online"
        },
        {
          "label": "Foundation",
          "count": null,
          "tag": "result-type-foundation"
        },
        {
          "label": "Part-time",
          "count": 2,
          "tag": "result-type-part-time"
        }
      ]
    },
    {
      "title": "Filter group title",
      "filters": [
        {
          "label": "Filter selected",
          "count": 2,
          "checked": true,
          "tag": "result-group-selected"
        },
        {
          "label": "Filter unselected with title that wraps to new line",
          "count": 10,
          "tag": "result-group-long"
        },
        {
          "label": "Online",
          "count": 10,
          "tag": "result-group-online"
        },
        {
          "label": "No matching results",
          "count": null,
          "tag": "result-group-no-matching"
        }
      ]
    },
    {
      "title": "Filter by study option",
      "filters": [
        {
          "label": "Undergraduate",
          "count": 2,
          "checked": true,
          "tag": "result-study-option-undergrad"
        },
        {
          "label": "Postgraduate",
          "count": 2,
          "tag": "result-study-option-postgrad"
        },
        {
          "label": "Online",
          "count": 10,
          "tag": "result-study-option-online"
        },
        {
          "label": "Foundation",
          "count": null,
          "tag": "result-study-option-foundation"
        },
        {
          "label": "Part-time",
          "count": 2,
          "tag": "result-study-option-part-time"
        }
      ]
    }
  ],
  "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]