Le composant Barre de recherche fait partie de l’écosystème de recherche Jint. Il permet aux utilisateurs d’accéder rapidement aux contenus pertinents en fonction de leur saisie et peut être configuré de différentes manières selon vos besoins.
Cet article présente ses fonctionnalités principales, ses cas d’usage, ainsi que les options de paramétrage disponibles.
Présentation du composant
La barre de recherche constitue la zone de saisie de l’utilisateur. Elle peut être utilisée seule ou en combinaison avec d’autres composants de recherche Jint, tels que le composant Résultats de recherche ou le Filtre de recherche.
👉 Pour une vue d’ensemble des fonctionnalités de la recherche Jint et de ses cas d’usage globaux, consultez l’article Centre de recherche Jint.
Cas d’usage
La barre de recherche peut être configurée pour répondre à trois scénarios :
Centre de recherche complet intégré à la page : combinée à un composant Résultat de recherche.
Redirection vers un centre de recherche : la recherche saisie redirige vers une autre page SharePoint configurée comme centre de recherche.
Utilisation de la recherche SharePoint native : la barre de recherche redirige l’utilisateur vers l’expérience définie dans les paramètres de recherche locaux ou globaux de SharePoint.
Ajouter le composant
Pour insérer une barre de recherche sur une page SharePoint :
Passez en mode édition de la page en cliquant sur Modifier.
À l’emplacement souhaité, cliquez sur le bouton + pour ouvrir le catalogue de composants.
Recherchez le composant Barre de recherche dans la catégorie Documents, listes et bibliothèques.
Ajoutez-le à la page.
Paramétrages disponibles
Le composant propose quatre catégories de paramètres :
Disposition
Connexion du composant
Barre de recherche
Options d’affichage
1. Disposition
Thème : deux choix sont proposés → Classique ou Glassmorphisme.
Thème Glassmorphisme
Thème Classique
Taille : ajustez la largeur de la barre de recherche selon vos besoins.
2. Connexion du composant
Si la recherche est affichée dans un composant Résultat de recherche, la connexion est réalisée automatiquement s’il n’y a qu’un seul composant Résultat de recherche sur la page.
Si plusieurs composants sont présents sur la page, sélectionnez l’élément souhaité grâce à la liste déroulante.
👉 Chaque composant possède un ID unique pour faciliter son identification.
⚠️ Les connexions ne sont pas nécessaires si la recherche est redirigée vers SharePoint ou une autre page.
3. Barre de recherche
La barre de recherche peut être configurée pour fonctionner de trois manières distinctes. Le mode choisi détermine la façon dont les résultats seront affichés et où l’utilisateur sera redirigé.
a) Dans le composant Résultat de recherche
C’est le fonctionnement nominal.
La barre de recherche est associée à un ou plusieurs autres composants Jint, tels que le Résultat de recherche ou le Filtre de recherche.
Les mots-clés saisis par l’utilisateur dans la barre sont utilisés pour interroger l’index de recherche et les résultats s’affichent directement dans le composant dédié sur la même page.
Ce mode est idéal pour construire un centre de recherche complet et intégré dans une page SharePoint.
b) Dans la recherche SharePoint
Dans ce mode, la recherche saisie par l’utilisateur redirige automatiquement vers l’expérience de recherche native SharePoint.
Par défaut, l’affichage se fait dans le centre de recherche défini dans les paramètres de recherche de la collection de site ; à défaut, ce sont les paramètres globaux de SharePoint qui sont utilisés.
Vous pouvez accéder à ces paramètres depuis :
Paramètres du site → Rechercher → Paramètres de recherche → URL du centre de recherche.
-
Attention :
Si vous définissez une page SharePoint personnalisée comme centre de recherche, elle doit impérativement contenir un composant Barre de recherche et un composant Résultat de recherche, connectés entre eux.
Sans cette configuration, la recherche saisie ne pourra pas être traitée et aucun résultat ne sera affiché.
c) Dans une page spécifiée
Ce mode permet de définir une URL précise vers laquelle l’utilisateur sera redirigé lors d’une recherche.
-
La page ciblée doit contenir :
une barre de recherche,
et un composant Résultat de recherche connecté à cette barre.
Sans cette configuration, la recherche ne pourra pas aboutir.
Ce mode est utile si vous souhaitez concentrer l’expérience de recherche dans une page dédiée, distincte de la page d’origine.
4. Options d'affichage
Les options d'affichages vous permettent de personnaliser le visuel de votre barre de recherche
Image et couleur de fond
Il vous est possible de définir l'image de fond du composant. Vous pouvez choisir l'ajustement et l'ancrage de l'image dans le composant.
Si vous préférez, il est possible de mettre une couleur, à partir du sélecteur de couleur, afin de mettre une couleur du thème ou personnalisée, et de définir un dégradé.
Arrondi
Vous avez la possibilité de choisir la forme des bordures des éléments de votre barre de recherche.
Ombre
Vous avez la possibilité d'afficher une ombre autour de votre composant.
Titre et Filigrane
Vous pouvez ici définir le titre et le filigrane de la barre de recherche
Commentaires
0 commentaire
Vous devez vous connecter pour laisser un commentaire.