Skip to main content

Filters: Buttons

This tutorial guides you through configuring button filters to customize your data visualization effectively.

Published at May 6, 2026
1. Introduction

You will learn how to add, adjust, and style button filters to enhance your statistics display.

Introduction
Introduction
2. Data Editor

To switch your Dropdown Filter to a Button Filter go to the data editor

Data Editor
Data Editor
3. Select Filter

Select your filter.

Select Filter
Select Filter
4. Choose Buttons Filter

Click "Buttons" to apply button-based filters to your statistics.

Choose Buttons Filter
Choose Buttons Filter
5. Button filter settings.

Go to the chart editor to get to the button filter settings.

Button filter settings.
Button filter settings.
6. Text Editor

Go to the text editor.

Text Editor
Text Editor
7. Add Filter to your Statistic

Go to add filter to your statistic.

Add Filter to your Statistic
Add Filter to your Statistic
8. Select Filter

Select your filter.

Select Filter
Select Filter
9. Button Filter Settings

Here you have all your button filter settings.

Button Filter Settings
Button Filter Settings
10. Default View

You can chooce which button is preselected in the chart. It can be the first, last or a custom selection. For the custom selection pick your button in the visualisation and save it for it to take affect.

Default View
Default View
11. Switch Filter Type

Here you can switch the filter type if you realise you need a different filter.

Switch Filter Type
Switch Filter Type
12. Button Colours

Here you can select the active and standard button text and background colours individually.

Button Colours
Button Colours
13. Radius

If you want more rounded buttons you can input a radius here.

Radius
Radius
14. Button Borders

The Border width and colour can be edited here.

Button Borders
Button Borders
15. Button Allignment

Here you have your button allignment options.

Button Allignment
Button Allignment
16. Allignment Settings

You can set your button containers to grow, select an allignment method and adjust the gap between the buttons.

Allignment Settings
Allignment Settings

You have successfully configured button filters to customize your data visualization. Review your filter settings to ensure they meet your requirements and explore additional customization options as needed.