---
title: Menu DropDown
description: "## Propriétés simples #### Nom / Infobulle / Visibilité ``` Pour plus d'informations voir Propriétés simples ``` ## Edition Web : [nom du composant] ### Propriétés #### Liaison de données ##### ID unique du menu ``` Permet de sélectionner le…"
url: "https://wiki.biboard.fr/wiki/menu-dropdown/"
updated: "2025-02-28"
category: Guide utilisateur / Studio / Tableaux de bord / Web
---

# Menu DropDown

## Propriétés simples

#### Nom / Infobulle / Visibilité

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

## Edition Web : [nom du composant]

### Propriétés

#### Liaison de données

##### ID unique du menu

```
Permet de sélectionner le champ permettant d'identifier le champ menu avec sa clé (valeur unique). Cette sélection est obligatoire.
```

##### ID du parent

```
Permet de sélectionner le champ permettant d'identifier le champ père. Cette sélection est obligatoire.
```

##### Le libellé à afficher

```
Permet de sélectionner le champ dont la valeur est afficher à l'exécution. Cette sélection est obligatoire.
```

##### Nom du tableau de bord cible

```
Champ qui contient le nom du tableau de bord cible (utilisé dans le liens hypertextes si l'URL cible est non renseignée).
```

##### URL cible

```
Champ qui contient l'URL cible d'un élément de menu.
```

##### Cible HTML

```
Champ qui contient le type de cible HTML : _self, _blank, _top ou ID iframe.
```

#### Propriétés avancées

##### Icône active

```
Champ contenant le chemin relatif de l'icône à afficher lorsque l'élément de menu correspond au tableau de bord affiché ou à un de ses parents.
```

##### Icône passive

```
Champ contenant le chemin relatif de l'icône à afficher lorsque l'élément de menu ne correspond pas au tableau de bord affiché ou à un de ses parents.
```

##### Texte de l'infobulle

```
Texte de l'infobulle.
```

##### Indique si l'élément est sélectionné

```
Champ qui indique si l'élément de menu est sélectionné (ie.: dans l'arborescence de la page courante).
```

#### Visuel

##### Type de menu

```
Affiche le menu en mode horizontal (défaut) ou vertical.
```

##### Alignement à droite du menu

```
Force l'alignement du menu à droite
```

##### Menu fixe en haut de la page

```
Permet de fixer le menu, il est visible lorsque l'on scrolle sur la page.
```

##### Couleur du texte

```
Définit la couleur du texte.
```

##### Couleur de fond

```
Définit la couleur du fond.
```

##### Couleur de texte lors du survol

```
Définit la couleur du texte lorsque l'on survole un libellé.
```

##### Couleur de fond lors du survol

```
Définit la couleur du fond lorsque l'on survole un libellé.
```

##### Largeur des sous-menus

```
Permet de forcer la largeur des sous-menus (en pixel), la valeur par défaut est 250.
```

### 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
```

## Exemple

### Table

![](https://wiki.biboard.fr/wp-content/uploads/2024/05/V18__Web-Menu-DropDown-Exemple-Table_01.png)

### Données

![](https://wiki.biboard.fr/wp-content/uploads/2024/05/V18__Web-Menu-DropDown-Exemple-Data_01.png)

### Configuration

![](https://wiki.biboard.fr/wp-content/uploads/2024/05/V18__Web-Menu-DropDown-Exemple-Configuration_01.png)

### Visuel

![](https://wiki.biboard.fr/wp-content/uploads/2024/05/V18__Web-Menu-DropDown-Exemple-Visuel_01-1024x156.png)

### Quelles notions à retenir?

Dans cet exemple, on retrouve bien les 4 menus principaux (ID: 1, 2, 3 et4).

A retenir:
- Le fonctionnement du SOUS SOUS MENU A131 n'est pas opérationnel. On ne peut pas descendre au-delà de 3 niveaux pour un menu.

![](https://wiki.biboard.fr/wp-content/uploads/2024/05/V18__Web-Menu-DropDown-Exemple-Visuel_02-1024x420.png)

- Les liens URL des ID 11 et 22 ne fonctionnent pas. Cela est lié au fait que ces sous-menus possèdent aussi des sous-menus.
- Si l'ID 0 n'est pas créé, le fonctionnement du Menu DropDown ne fonctionne pas. Il faut le considérer comme le point d'initialisation du menu.