# Display Mode

## Content



MultiSelect allows you to choose the appearance of items in header between text or tags. In text mode, the text is displayed as strings separated by a separator character. On the other hand, in tag mode, the tags appear like labels separated by a space. You can choose how the items appear in the TagEditor element using [DisplayMode](/componentone/api/wpf/online-input-net/dotnet-api/C1.WPF.Input/C1.WPF.Input.C1MultiSelect.DisplayMode.html) property that accepts the values from [DisplayMode](/componentone/api/wpf/online-input-net/dotnet-api/C1.WPF.Input/C1.WPF.Input.DisplayMode.html) enumeration.

The following image shows the selected items displayed as text in the header.

![Display Mode](https://cdn.mescius.io/document-site-files/images/47c7dd3c-b586-44f5-903c-f615f88e343f/images/multiselect/displaymode.png)

To display the selected items as text in the header, use the following code:

**xml**

```xml
<c1:C1MultiSelect x:Name="mselect" DisplayMode="Text" Height="100" Width="300"></c1:C1MultiSelect>
```

**csharp**

```csharp
mselect.DisplayMode = DisplayMode.Text;
```

By default, the MultiSelect control uses comma (,) as separator character to separate the items in header. However, you can specify a separator character of your choice using [Separator](/componentone/api/wpf/online-input-net/dotnet-api/C1.WPF.Input/C1.WPF.Input.C1MultiSelect.Separator.html) property.

![Separator used in WPF MultiSelect](https://cdn.mescius.io/document-site-files/images/47c7dd3c-b586-44f5-903c-f615f88e343f/images/multiselect/textmodeseparator.png)

**xml**

```xml
<c1:C1MultiSelect x:Name="mselect" Separator="/" Height="100" Width="300"></c1:C1MultiSelect>
```

**csharp**

```csharp
mselect.Separator = "/";
```