---
title: Custom Multi-Sort tutorial - Add one simple option
slug: '2257'
canonical_url: https://docs.coveo.com/en/2257/
collection: coveo-for-sitecore-v5
source_format: adoc
---
# Custom Multi-Sort tutorial - Add one simple option
> **Legacy feature**
>
> The Coveo Hive Framework is now in maintenance mode and is no longer recommended for new implementations.
> 
> To build new search experiences, use one of Coveo's more modern, lightweight, and responsive libraries.
> To get started, see the [Build search](https://docs.coveo.com/en/2473/) article.

This page covers how to add one option to the Multi-Sort component.

The next step will introduce the other options that will be used to build the full sort criteria (see [Custom Multi-Sort tutorial - Add other options](https://docs.coveo.com/en/2258/)).

## Adding One field in the Data Source Template

Let's start with a simple example by adding one field.

. Select the **Multi-Sort Parameters** template created earlier in the tutorial.
. Add a section and a field named **FirstField**.

![Screenshot showing how to add a First Field single-line text field to the Multi Sort Parameters template | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/38699569.png)

## Adding One Field in the ModelProperties

. In your `MultiSortModelProperties` class, add the following code:

[source,c#]
```
public class MultiSortModelProperties : IModelProperties
{
    [SitecoreProperty("FirstField")]
    public string FirstField { get; set; }
}
```

. Save the project and copy the DLL to your Sitecore instance.

## Setting the Value on the Data Source

In Sitecore, select the data source created earlier and set a value on the `FirstField` field:

![Screenshot showing how to set the First Field value in the Multi Sort component data source | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/38699586.png)

> **Important**
>
> Your field must be set as sortable in the configuration files, else an error will be shown in the search interface when trying to sort on this field.

## Simple Usage of the Property

In the `MultiSort.cshtml` file, change the `data-sort-criteria` to the following attribute:

```html
@model Coveo.Custom.MultiSortModel

<div class="CoveoSort" data-caption="My Multi-Sort" data-sort-criteria="@Model.Properties.FirstField descending"></div>
```

## Result

Your component should now be clickable and work as a standard sort component using the field defined in the data source.

![The Sitecore Experience Editor showing the Multi Sort component | Coveo](https://docs.coveo.com/en/assets/images/c4sc-v5/38699587.png)