# Adding a Slicer

## Steps to Add Slicer in the New UI

{% hint style="success" %}
*Check out the walk-through given below on how to add a slicer.*
{% endhint %}

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq1Y2nC9XDrWcLwg1gpYr%2Fuploads%2FKbH9CcZTxo83dUOXz0uG%2FApplying%20Slicer%20to%20a%20View.mp4?alt=media&token=5d0fc434-dbff-422a-9254-a0e00cbf8cb8>" %}

* Navigate to the Design canvas.
* Select dimension and one measure to the ***Dimensions/ Measures*** column using the clicks at the top bar.
* Click the ***GO*** option.
* A View gets displayed based on the selected combination of the Dimension and Measure.

<figure><img src="/files/ApRgRk9QbP6JJxlfCzsG" alt=""><figcaption></figcaption></figure>

* Select the ***sliceBy*** option by the next click.

<figure><img src="/files/VerVswAcDH8tBK3HqBYU" alt=""><figcaption></figcaption></figure>

* Select another Dimension by using the next click.

<figure><img src="/files/gdvQMPGFK8yIJ9YbKdGP" alt=""><figcaption></figcaption></figure>

* Click the ***GO*** option.
* The ***View*** gets displayed based on the selected slicer dimension value.

<figure><img src="/files/d3hu9wwcVcVAbXINNItY" alt=""><figcaption><p><em><strong>View displaying the Slices based on the selected Dimension</strong></em></p></figcaption></figure>

* Open the ***Chart Properties*** window.
* Navigate to the ***General Settings***.
* Configure the following information to modify the View:
  * Select a ***Style*** option.
  * Select an ***Order*** option (Ascending or Descending).
  * Select an ***Order By*** option.
  * Provide a number to set ***limit*** for the View display.
* &#x20;Select the ***Horizontal*** option for the ***Legend Orientation***.&#x20;

<figure><img src="/files/29xTrPaXCWuXHorKF45j" alt=""><figcaption><p><em><strong>Configuring Chart Properties to modify the View</strong></em></p></figcaption></figure>

* The View gets modified based on the selected ***slicer*** and ***order*** option.

<figure><img src="/files/ebKOcyk5Bxv94IJBHeXo" alt=""><figcaption><p><em><strong>Modified View based on the selected Sliced By and Order By options with Legend</strong></em></p></figcaption></figure>

## Steps to Add Slicer in the Old UI

The users can add a further dimension to the created view using the ***Slicer*** option.

{% hint style="info" %}
*Check out the given illustration on how to use Slicer in the Old UI of the Design canvas.*
{% endhint %}

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq1Y2nC9XDrWcLwg1gpYr%2Fuploads%2FQISkqNXRx5eUZhT9bSOd%2FAdding%20a%20Slicer%20(Old%20UI).mp4?alt=media&token=b14eb6f7-1605-4b9f-a1f9-28319b5a8188>" %}
***Adding Slicer for a View***
{% endembed %}

* Navigate to the Design canvas.
* Drag and drop one dimension and one measure to the ***Dimensions/ Measures*** column using the Design canvas.
* The View gets displayed based on the selected dimension and measure.

<figure><img src="/files/dQesd7Xb6g57TDldTf2D" alt=""><figcaption></figcaption></figure>

* Drag and drop another dimension to the ***Slicer*** section (E.g., Team is used as a slicer over here).
* The slices are displayed in the created View based on the dimension value selected as slicer for the View.

<figure><img src="/files/K8e9VswS16kXaWKFTuqj" alt=""><figcaption></figcaption></figure>

* Open the ***Chart Properties*** window.
* Navigate to the ***General Settings*** option.
* Order the displayed data sorting it by specific ***limit*** and ***order***. You can also select a ***Style*** to display the data differently.

&#x20;    ![](/files/qwN3fPVdfDzdlgwFiS5q)

* The ***View*** displays sliced data in the set order and limit.

<figure><img src="/files/FjJZjxFLRbOdIow9IzWH" alt=""><figcaption><p><em><strong>Modified View with Slicer in the cluster Style</strong></em></p></figcaption></figure>

## Customized Slice Color Support

We have introduced the ability to customize slice colors in our Stories. This functionality empowers users to assign specific colors to individual slices, providing greater control over the visual representation of data.

{% hint style="success" %}
*Check out the given illustration to understand the customized slice color functionality in the Story module.*
{% endhint %}

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq1Y2nC9XDrWcLwg1gpYr%2Fuploads%2FoetWZhSjhqnNsCrW0B3a%2FCustomising%20the%20Slice%20colors.mp4?alt=media&token=6ea6d423-bb6b-4060-a52d-29e468d20d5f>" %}
***Customizing colors***
{% endembed %}

* Open a ***View*** in the ***Design*** canvas with slicer.     &#x20;
* Click on the ***ellipsis*** icon provided for the slicer Dimension.

<figure><img src="/files/KkTin78z1sj4LUfragVn" alt=""><figcaption></figcaption></figure>

* The dimension window opens displaying all the Field Colors.

<figure><img src="/files/bws1oicISgwNAkfg1lfd" alt=""><figcaption><p><em><strong>Opening the Default field colors for the slicer</strong></em></p></figcaption></figure>

* Click on the default color.
* A menu opens to choose a new color for the field.
* Select a new color.

<figure><img src="/files/X9JAVoI5A3oLXXGDoAnT" alt=""><figcaption><p><em><strong>Choosing another color for a slicer field</strong></em></p></figcaption></figure>

* The provided color will be applied to a field value.

<figure><img src="/files/ehXE4rt7He9ac12mZzne" alt=""><figcaption><p><em><strong>View displayed with the changed Slicer field color</strong></em> </p></figcaption></figure>

{% hint style="info" %}
*<mark style="color:green;">Please Note:</mark>*

* *The Slicer supports the selection of only one dimension and one measure in the **Dimensions/Measures** space. Another dimension should be added to the **Slicer** spac&#x65;**.***
* *The **Manual Sort** order option does not get supported by the **Slicer** functionality.*
  {% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bdb.ai/self-service-visualization-4/design-canvas/adding-a-slicer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.