Modern Combobox dans Power Apps : tout ce qu’il faut savoir
Le contrôle Modern Combobox (combobox moderne) est l’une des nouveautés “Modern Controls” de Power Apps dans les apps Canvas. Il remplace ou complète l’ancien combobox classique dans de nombreux scénarios. Mais qu’est‐ce qu’il apporte vraiment ? Quand l’utiliser, quelles sont ses limites, et comment l’optimiser ? C’est ce que nous allons voir.
1. Qu’est-ce que le Modern Combobox ?
Le Modern Combobox est un contrôle qui permet à l’utilisateur de :
- sélectionner une ou plusieurs valeurs parmi une liste (SelectMultiple)
- rechercher (IsSearchable) parmi les options
- afficher des champs personnalisés (ex : afficher le nom, ou un nom + sous‐titre, etc.) selon les sources de données
Ce contrôle fait partie de la famille des Modern Controls et Themes, qu’il faut activer dans les paramètres de l’app Canvas.
2. Propriétés clés & comportements importants
Voici les propriétés qu’il faut bien connaître, et ce qu’elles impliquent :
| Propriété | Description / Utilité | Remarques importantes |
|---|---|---|
| Items | Source de données ou collection d’options que le combobox affiche. | Si vous avez plusieurs colonnes, définir quelle colonne sera affichée via DisplayFields / Value. |
| SelectMultiple | Permet la sélection multiple ou unique. | Quand multiple, utiliser SelectedItems (table) plutôt que Selected (dernier élément). |
| IsSearchable | Permet d’activer une zone de recherche dans le combobox afin de filtrer les options. | Nécessite que la source de données ait au moins un champ texte. La recherche utilise SearchText. |
| DefaultSelectedItems | Valeurs par défaut (initiales) du contrôle. | Vous devez donner un record ou une table selon SelectMultiple, et le correspondance doit être exacte. |
| SearchFields | Champ(s) sur lesquels la recherche s’applique (si IsSearchable est activé). | Seuls les champs texte sont supportés. Vous pouvez donner une liste de champs. |
| DisplayFields / Layout | Pour choisir ce qui s’affiche dans la liste (texte, sous‐texte, image selon le type de données). |
3. Avantages du Modern Combobox
Le Modern Combobox apporte plusieurs améliorations par rapport au combobox classique, notamment :
- Look & Feel plus moderne (UI plus soignée, styles améliorés, support des thèmes modernes).
- Support de la recherche intégrée, ce qui améliore l’expérience utilisateur quand il y a beaucoup d’options.
- Sélection multiple facilitée avec une interface plus claire.
- Meilleure compatibilité pour certaines tailles d’écran : sur petit écran, le flyout de sélection devient plein écran pour améliorer l’ergonomie.
4. Limites et pièges à connaître
Toute innovation a ses limites. Voici les principales auxquelles faire attention :
| Limite / Problème | Détails | Possibles solutions ou contournements |
|---|---|---|
| Nombre maximum d’items affichés (~ 800) | Le Modern Combobox impose une limite d’affichage d’environ 800 éléments dans le résultat. | Utiliser des filtres dynamiques, segmentation (catégorie, région, etc.), ou n’afficher que les options pertinentes. |
| Délégation / performance | Quand la source de données est volumineuse, les fonctions comme Search, Filter doivent être délégables pour éviter que l’app ne soit lente. | Choisir des connecteurs délégables (Dataverse, Azure SQL), limiter la quantité de données via des critères, ou charger en “lazy loading”. |
| Sélection dans une galerie | Quand un Modern Combobox est utilisé dans une galerie scrollable, sa sélection peut ne pas être maintenue lors du scroll. | Éviter dans les galleries scrollables ou stocker les sélections indépendamment (collection, variable). |
Complexité de DefaultSelectedItems | Il faut fournir le bon format (record ou table selon le mode), et ce record doit correspondre exactement à ce qui est dans Items. | Tester avec LookUp, s’assurer que les champs de correspondance sont identiques. |
| Fonctions non supportées / non délégables | Certains opérateurs ou fonctions dans l’expression Items ou dans le Search ne sont pas délégables. | Utiliser StartsWith, Filter sur champs texte, vérifier les avertissements de délégation dans l’app. |
5. Bonnes pratiques pour réussir son usage
Voici des recommandations pour que le Modern Combobox serve vraiment bien votre app :
- Activer les Modern Controls dès le début Si votre app est neuve, activez Modern Controls dans les paramètres → General → Modern Controls & Themes.
- Commencer avec un prototype pour tester les scénarios réels.
- Limiter les options affichées par défaut Par exemple, ne pas charger tous les utilisateurs de l’organisation au démarrage, mais utiliser la recherche pour filtrer.
- Surveiller la délégation Tester avec de gros volumes de données, vérifier les avertissements, préférer des sources de données performantes.
- Gérer les valeurs par défaut soigneusement Quand vous utilisez DefaultSelectedItems, s’assurer que ce soit un record exact.
- UX / Accessibilité
- S’assurer que le contrôle soit utilisable au clavier.
- Ajouter un label accessible (AccessibleLabel).
- Vérifier le rendu sur mobile.
6. Quand privilégier le Modern Combobox — et quand rester sur le classique
Voici quelques scénarios concrets pour vous aider à choisir :
| Scénario | Modern Combobox conseillé si… | Classique Combobox préférable si… |
|---|---|---|
| Liste longue d’éléments (utilisateurs, produits) | Vous voulez une interface moderne + recherche + esthétique, et vous pouvez pré-filtrer les données. | Si vous avez besoin d’afficher tous les éléments au-delà de 800. |
| App mobile / tablette | Le Modern offre meilleure ergonomie et thème moderne. | Si vos besoins sont très simples ou statiques. |
| Sources volumineuses | Si votre source est Dataverse ou SQL, avec bonne délégation. | Si vous utilisez SharePoint avec beaucoup de données non délégables. |
| Besoin de personnalisation UI | Modern prend en charge thèmes et styles récents. | Si vous dépendez de propriétés encore absentes dans le Modern. |
7. Exemple concret : liste des fournisseurs
Chez un client, nous avions un besoin : permettre aux utilisateurs de choisir un fournisseur dans une liste d’environ 2 500 éléments stockés dans SharePoint.
- En utilisant le Modern Combobox, seuls ~800 fournisseurs apparaissaient par défaut.
- La recherche était parfois tronquée si l’expression n’était pas délégable.
- Les performances étaient médiocres sur mobile.
Solution :
- Mise en place d’un filtre initial (catégorie, région).
- Utilisation de
StartsWith()pour la recherche, afin de rester délégable. - Tests sur plusieurs appareils pour garantir une bonne expérience utilisateur.
Résultat : l’UX a été nettement améliorée, mais cela a confirmé qu’il fallait adapter le design et ne pas se reposer uniquement sur le contrôle par défaut.
8. Conclusion
Le Modern Combobox de Power Apps est une excellente évolution : plus esthétique, plus moderne, avec des options de recherche et de sélection multiple qui améliorent l’expérience utilisateur.
Mais ce contrôle a ses limites. Il impose des choix de conception : filtrage des données, gestion de la délégation, paramétrage précis des valeurs par défaut.
👉 Mon conseil : utilisez-le pour vos applications modernes, mais testez tôt avec vos données réelles et prévoyez une stratégie de filtrage pour éviter les mauvaises surprises.
