---
title: Barre de sélection
description: "## Présentation La barre de sélection offre la possibilité de choisir un intervalle ou de ne sélectionner qu'une seule valeur. ![Barre de sélection - exemple](https://wiki.biboard.fr/wp-content/uploads/2024/08/V18__Listes-Barre-de-selection-Exemple_01-1024x383.png) ## Les propriétés simples (sans datasource) ![Barre de sélection - interface sans datasource](https://wiki.biboard.fr/wp-content/uploads/2024/05/V18__Listes-Barre-de-selection-Sans-datasource-Menu_02.png) ### Sélection…"
url: "https://wiki.biboard.fr/wiki/barre-de-selection/"
updated: "2025-09-23"
category: Guide utilisateur / Studio / Tableaux de bord / Listes
---

# Barre de sélection

## Présentation

La barre de sélection offre la possibilité de choisir un intervalle ou de ne sélectionner qu'une seule valeur.

![Barre de sélection - exemple](https://wiki.biboard.fr/wp-content/uploads/2024/08/V18__Listes-Barre-de-selection-Exemple_01-1024x383.png)

## Les propriétés simples (sans datasource)

![Barre de sélection - interface sans datasource](https://wiki.biboard.fr/wp-content/uploads/2024/05/V18__Listes-Barre-de-selection-Sans-datasource-Menu_02.png)

### Sélection aucune source de données

#### Présentation

Lors de la sélection avec l'option Aucune source de données, il faut renseigner la liste des données pour la case à cocher.

#### Ecran de saisie

![Barre de sélection - liste des éléments](https://wiki.biboard.fr/wp-content/uploads/2024/05/V18__Listes-Barre-de-selection-SansDatasource-Creation-Liste_01.png)

![Barre de sélection - liste des éléments](https://wiki.biboard.fr/wp-content/uploads/2024/05/V18__Listes-Barre-de-selection-SansDatasource-Creation-Liste_02.png)

> **Pour toutes les listes :** une liste associée à aucune Datasource (Aucune source de données) peut contenir des couples (valeur;clé). Cela permet de faire fonctionner le composant avec une valeur affichée et une valeur de référence.

![Barre de sélection - exemple liste d'éléments avec couple valeur et clé](https://wiki.biboard.fr/wp-content/uploads/2024/05/V18__Listes-Elements-ChampsEtCle.png)

### Propriétés

#### Nom / Infobulle / Visibilité / Rafraîchissement auto

```
Pour plus d'informations voir Propriétés simples
```

#### Eléments

```
Liste modifiable des éléments de la liste de la case à cocher.
```

## Les propriétés simples (avec datasource)

![Barre de sélection - interface avec daatsource](https://wiki.biboard.fr/wp-content/uploads/2024/05/V18__Listes-Barre-de-selection-Menu_01-1024x128.png)

### Propriétés

#### Nom / Infobulle / Visibilité / Rafraîchissement auto

```
Pour plus d'informations voir Propriétés simples
```

#### Valeur affichée

```
Les valeurs que la liste affichera.
```

#### Valeur de référence

```
Les liens entre les composants seront faits sur ces valeurs.
```

#### Trié par

```
Permet le tri par un champ.
```

## Edition Web : [nom du composant]

### Propriétés

#### Trackbar

##### Personnalisation du composant

![Barre de sélection - propriétés de Trackbar](https://wiki.biboard.fr/wp-content/uploads/2024/05/V18__Listes-Barre-de-selection-Trackbar01-1024x399.png)

###### **Afficher le curseur**

```
Affichage du curseur de sélection.
```

###### **Afficher les boutons de défilement**

```
Ajoute des boutons de chaque côté de la barre de sélection pour faire naviguer le curseur.
```

###### **Graduation uniforme**

```
La graduation uniforme masque les différences entre petits et grands segments.
```

###### **Orientation**

```
Celle-ci peut-être horizontale ou verticale.
```

###### **Direction**

```
Permet d'afficher les données de la barre de sélection dans l'ordre nominal : Normale (défaut), ou Inversée.
```

###### **Position de la graduation**

```
Elle est la fonction d‘orientation, Gauche ou Haut, Droite ou Bas, Les deux, Aucune.
```

###### **Sélection d'intervalle**

```
Il est possible de sélectionner un intervalle dans ce cadre-là deux curseurs de sélection sont disponibles.
```

###### **Valeur de début**

###### **Valeur de fin**

### Propriétés communes

#### Positionnement

```
Suivre le lien : Positionnement
```

#### Apparence

```
Suivre le lien : Apparence
```

#### Comportement

```
Suivre le lien : Comportement
```

#### Modèle de tableau

```
Suivre le lien : Modèle de tableau
```

### Datasource

#### Source de données

```
Suivre  le lien : Source de données
```