# Activity Pickers (3.7-preview)

## Overview

This section explains how to change the activity picker used in the workflow editor. Currently, two activity picker types are supported: Accordion (default) and Treeview.

## Accordion

To use the Accordion activity picker, use the following line.

```csharp
builder.Services.AddScoped<IActivityPickerComponentProvider, AccordionActivityPickerComponentProvider>();
```

<figure><img src="https://1361005767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDBFT7XyrxozqD8PbI3Lk%2Fuploads%2FBwNlCNefKVZ6Pj1QxvN5%2FScreenshot%202025-07-06%20170218.png?alt=media&#x26;token=e6f04961-fe27-4f80-b3cb-e6935f8db6cd" alt="" width="141"><figcaption><p>Accordion Example</p></figcaption></figure>

When using [nested activity categories](../../../extensibility/custom-activities#activity-metadata), the accordion picker defaults to returning the first category within the string. You are able to change this behaviour by specifying your own `CategoryDisplayResolver`.

```csharp
builder.Services.AddScoped<IActivityPickerComponentProvider>(sp => new AccordionActivityPickerComponentProvider
{
    // Example - Replace the default category resolver with a custom one.
    CategoryDisplayResolver = category => category.Split('/').Last().Trim()
});
```

## Treeview

To use the TreeView activity picker, add the following line.

```csharp

builder.Services.AddScoped<IActivityPickerComponentProvider, TreeviewActivityPickerComponentProvider>();
```

<figure><img src="https://1361005767-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDBFT7XyrxozqD8PbI3Lk%2Fuploads%2FPtwIJNwbb1Pcwcr2Xduk%2FScreenshot%202025-07-06%20165657.png?alt=media&#x26;token=4bdd4d13-25fe-4272-b043-3b7dd01ecc73" alt="" width="142"><figcaption><p>Treeview Example</p></figcaption></figure>
