Le composant Nouveaux arrivants présente sur vos pages SharePoint les nouveaux arrivants de votre organisation : ceux qui viennent d'arriver et ceux qui arrivent bientôt, selon leur date d'arrivée dans Microsoft 365. Vos visiteurs voient une carte par personne, avec la date d'arrivée en temps relatif, et peuvent l'accueillir dans Teams d'un clic si vous affichez le bouton d'accueil.

Cet article décrit les cas d'usage du composant WebPart, ses prérequis, sa prise en main, son paramétrage, la saisie sur la page et les bonnes pratiques à suivre.

📋 Sommaire

1. Présentation du composant
2. Avant de commencer : les dates d'arrivée dans Microsoft 365
3. Ajouter le composant à votre page
4. Paramétrer le composant
5. Saisir et mettre en forme sur la page
6. Bonnes pratiques
7. Ce qui change par rapport à la version précédente

1. Présentation du composant

Le composant Nouveaux arrivants se compose d'un titre facultatif et d'une grille de cartes : une carte par nouvel arrivant.

Chaque carte affiche :

• la photo de profil de la personne, ou ses initiales sur une couleur propre à son nom si elle n'a pas de photo ;
• son nom ;
• les champs de profil que vous choisissez, une ligne par champ (par défaut, sa fonction et sa date d'arrivée) ;
• le bouton d'accueil, si vous l'activez.

La date d'arrivée s'affiche dans une pastille, en temps relatif par rapport à aujourd'hui : en jours sous 7 jours, en semaines sous 30 jours, en mois sous un an, en années au-delà. Au survol de la pastille, une infobulle donne la date exacte.

Au clic sur une carte, la fiche de profil Microsoft 365 de la personne s'ouvre.

Les cartes s'affichent dans cet ordre : d'abord les arrivées passées, de la plus récente à la plus ancienne, puis les arrivées à venir, de la plus proche à la plus lointaine. Une personne n'apparaît jamais deux fois.

S'il n'y a personne à afficher, le composant affiche « Aucun nouvel arrivant à afficher ».

Cas d'usage

• Souhaiter la bienvenue aux personnes arrivées cette semaine, sur la page d'accueil de l'intranet.
• Annoncer les arrivées des semaines à venir, pour préparer leur accueil.
• Présenter les nouveaux arrivants d'une équipe, d'un site ou d'une filiale, en limitant le composant à des groupes Microsoft 365.
• Inviter vos collaborateurs à écrire un mot d'accueil dans Teams, d'un clic sur la carte.

2. Avant de commencer : les dates d'arrivée dans Microsoft 365

Le composant lit la date d'arrivée de chaque personne dans son profil de l'annuaire Microsoft 365 de votre organisation. Il ne la saisit pas lui-même : c'est l'annuaire qui l'alimente.

• Une personne sans date d'arrivée dans l'annuaire n'apparaît jamais dans le composant.
• Pour lire ces dates, le composant a besoin d'une autorisation qu'un administrateur de votre tenant Microsoft 365 doit avoir approuvée.

⚠ Si aucune des personnes que le composant peut afficher n'a de date d'arrivée, le panneau de configuration affiche « Aucune date d'arrivée n'est disponible pour ces collaborateurs : vérifiez qu'elles sont renseignées dans l'annuaire, et qu'un administrateur du tenant a approuvé l'autorisation de les lire. » Rapprochez-vous de l'administrateur Microsoft 365 de votre organisation.

⚠ Si le composant n'a pas l'autorisation de lire l'annuaire, le panneau affiche « Autorisation d'annuaire manquante : un administrateur du tenant doit l'approuver. » et la page affiche « Impossible d'afficher le contenu pour le moment. » à la place des cartes.

💡 Le composant affiche l'annuaire tel qu'il était il y a au plus 5 minutes : une date tout juste renseignée peut mettre quelques minutes à apparaître.

3. Ajouter le composant à votre page

1. Ouvrez le mode édition de la page SharePoint en cliquant sur Modifier en haut à droite.
2. À l'emplacement souhaité, cliquez sur le bouton « + » pour ouvrir le catalogue de composants.
3. Recherchez ou déroulez le catalogue pour sélectionner Jint - Nouveaux arrivants, dans la catégorie « Actualités, personnes et événements ».
4. Le composant est ajouté à l'emplacement souhaité, avec ses valeurs par défaut.

Un composant Nouveaux arrivants fraîchement inséré porte le titre « Les derniers arrivants » et affiche tous les collaborateurs arrivés dans la semaine écoulée ou qui arrivent dans la semaine à venir, avec leur fonction et leur date d'arrivée.

4. Paramétrer le composant

Le panneau de configuration se compose de trois onglets : Design, Contenu et Visibilité. Chaque réglage s'applique immédiatement sur la page, sauf les nombres saisis dans un champ, qui s'appliquent quand vous quittez le champ.

4.1 Onglet Design

Mise en page

La rubrique règle la Grille, puis la Carte de profil.

• Profils par ligne : avec Auto, la grille affiche autant de cartes par ligne que la largeur de la section en contient, six au plus. Avec Un seul, chaque carte occupe toute une ligne.
• Espacement : Aéré élargit l'écart entre les cartes et les marges de chaque carte.
• Afficher la photo : désactivé, aucune carte n'affiche de photo. Taille apparaît quand la photo est affichée ; Grande agrandit la photo.

⚠ Si vous choisissez Un seul alors que le format est Portrait, le format passe automatiquement en Paysage.

Hauteur du composant WebPart

La hauteur fixe le nombre de rangées entières de cartes affichées. Les cartes qui ne tiennent pas passent sur les pages suivantes : vos visiteurs les parcourent avec les chevrons de chaque côté ou les points au centre, ou d'un balayage sur mobile. Si toutes les cartes tiennent sur une page, la pagination ne s'affiche pas.

⚠ La hauteur ne descend jamais sous 150 px, ni sous la hauteur d'une rangée entière de cartes. Si vous agrandissez les cartes (format, photo, champs affichés), la hauteur remonte d'elle-même à ce minimum.

Arrière-plan

• Couleur : le fond prend la couleur choisie. Les textes sans couleur propre posés sur ce fond, comme le titre, passent automatiquement en noir ou en blanc, selon ce qui contraste le mieux.
• Image : le fond affiche l'image choisie, recadrée selon son Point focal. Le Texte de remplacement apparaît quand l'image n'est pas marquée comme décorative.

Apparence

La rubrique Apparence règle le contour, l'ombre et l'arrondi du composant et de ses cartes, ainsi que le fond et la couleur du texte des cartes.

Par défaut, le composant suit le thème Jint de votre site : la rubrique affiche « Les valeurs d'apparence viennent du thème. Il se règle dans Jint Portal. » et ses réglages sont désactivés. Cliquez sur Personnaliser pour les modifier. Pour revenir au thème, cliquez sur Réinitialiser depuis le thème.

Choisissez ensuite la portée de vos réglages : WebPart pour le composant, Cartes pour les cartes. La rubrique s'ouvre sur WebPart. Chaque portée a son propre contour, sa propre ombre et son propre arrondi.

Avec la portée Cartes, deux réglages s'ajoutent :

4.2 Onglet Contenu

Accessibilité

La rubrique Accessibilité n'a aucun réglage. Dès l'ouverture du panneau, elle mesure le contraste du texte des cartes, nommé Carte, sur le fond des cartes. Elle affiche le Ratio et la Lisibilité globale : Excellent, Bon ou Insuffisant.

Si la lisibilité est Insuffisant, cliquez sur Corriger : chaque couleur trop faible est remplacée par la couleur de la palette la plus proche qui offre un contraste suffisant.

Tant qu'aucune carte n'est affichée, la rubrique affiche « Aucune carte à vérifier pour le moment. »

Titre

Le titre se saisit et se met en forme directement sur la page (voir la partie 5). Désactivez Afficher le titre pour n'afficher que les cartes.

Nouveaux arrivants

La rubrique Nouveaux arrivants choisit les personnes affichées selon leur date d'arrivée : une fenêtre d'arrivées récentes et une fenêtre d'arrivées à venir, autour d'aujourd'hui.

• Chaque fenêtre se compte depuis aujourd'hui, jour même compris. 1 mois, 3 mois et 6 mois sont des mois de calendrier.
• Nombre de jours apparaît sous une fenêtre quand vous choisissez Personnalisé.
• « Aujourd'hui » est le jour de chaque visiteur, dans son fuseau horaire, au chargement de la page.

⚠ Si vous désactivez les deux fenêtres, le composant affiche tous les collaborateurs qui ont une date d'arrivée. La rubrique vous le rappelle : « Aucune fenêtre active : tous les collaborateurs sont affichés. »

Bouton d'accueil

Activé, le bouton apparaît sur chaque carte. La rubrique vous rappelle : « Cliquez sur le bouton d'une carte pour modifier son texte et son style. Pour un visiteur, le bouton ouvre une conversation Teams avec le collaborateur de la carte. »

• Le texte et le style du bouton se règlent sur la page (voir la partie 5).
• Au clic sur le bouton, vos visiteurs ouvrent une conversation Teams avec la personne, dans un nouvel onglet. Le clic sur le bouton n'ouvre pas la fiche de profil.
• Une personne sans adresse e-mail n'a pas de bouton.

Source (groupes et personnes)

• Tous les collaborateurs : le composant puise dans tout l'annuaire Microsoft 365 de votre organisation.
• Désactivez-le pour choisir des personnes et des groupes dans Groupes et personnes affichés : recherchez-les par leur nom dans « Rechercher une personne ou un groupe ». Le composant affiche alors les personnes choisies et les membres des groupes choisis, sous-groupes compris.
• Inclure les comptes externes : désactivé, le composant écarte les invités et les comptes d'autres organisations, même choisis nommément.
• Un compte désactivé n'est jamais affiché.

⚠ Si vous désactivez Tous les collaborateurs sans choisir personne, plus personne n'est affiché. La rubrique vous le signale : « Aucune personne ni aucun groupe choisi : personne n'est affiché. »

💡 Si un groupe choisi ne peut pas être lu, le composant affiche quand même les autres personnes et groupes choisis.

Champs affichés

Cliquez sur Ajouter un champ pour ajouter un champ en fin de liste, parmi : Fonction, Département, Localisation, Date d'arrivée, Nom de l'entreprise, ID employé, Type d'employé, Manager, Adresse, Ville, État, Code postal, Pays ou région, Téléphone professionnel, E-mail et Numéro de fax. Faites glisser un champ pour changer son ordre, cliquez sur sa croix pour l'enlever.

• Chaque carte affiche une ligne par champ, sous le nom, dans l'ordre de la liste.
• Si une personne n'a pas de valeur pour un champ, sa carte n'affiche pas cette ligne.
• Date d'arrivée s'affiche dans la pastille en temps relatif.

4.3 Onglet Visibilité

Audience

Activez Audience personnalisée pour réserver le composant à des personnes ou aux membres de groupes Microsoft 365. Seuls les visiteurs choisis, ou membres d'au moins un groupe choisi, le voient. Pour les autres, il ne prend aucune place sur la page.

Affichage

Activez Planifier la visibilité pour limiter l'affichage dans le temps, avec un Début de l'affichage, une Fin de l'affichage, ou les deux. Chaque date apparaît quand vous activez son interrupteur : le début est proposé à l'instant présent, la fin dans 7 jours.

Activez Masquer s'il n'y a rien à afficher pour que le composant disparaisse pour vos visiteurs quand il n'a aucun nouvel arrivant à montrer, au lieu d'afficher « Aucun nouvel arrivant à afficher ». Il ne prend alors aucune place sur la page.

⚠ Si vous activez Audience personnalisée sans choisir personne, plus personne ne voit le composant. La rubrique vous le signale : « Personne ne voit ce composant WebPart : choisissez au moins une personne ou un groupe. »

⚠ Si la fin de l'affichage précède le début, le panneau affiche « La date de fin doit être postérieure à la date de début. » et la planification ne limite pas l'affichage tant que vous ne l'avez pas corrigée.

💡 En mode édition, vous voyez toujours le composant, quelle que soit son audience ou sa planification. Un badge vous le signale : « Audience », les dates d'affichage, ou « Masquée si vide ».

5. Saisir et mettre en forme sur la page

Le titre

Cliquez sur le titre : il devient modifiable et une barre d'outils s'affiche au-dessus de lui. Elle règle le Style de texte (H1 à H4 ou Corps), la Police, la Taille de police, la Couleur du texte, le gras, l'italique, le souligné et l'alignement. Le bouton Réinitialiser la mise en forme rétablit le style d'origine. Cliquez en dehors du titre pour valider.

Par défaut, le titre est « Les derniers arrivants », en H4, noir, 20 px et gras. Si vous effacez le titre, vos visiteurs ne le voient pas.

💡 Tant que le composant suit le thème Jint, la barre d'outils du titre affiche à la place le bandeau du thème. Cliquez sur Personnaliser pour mettre le titre en forme.

Le bouton d'accueil

Quand Bouton d'accueil sur la carte est activé, cliquez sur le bouton d'une carte pour saisir son texte. Une barre d'outils s'affiche pour le mettre en forme.

⚠ Tant que vous n'avez saisi aucun texte, le bouton affiche « Accueillir 👋 » en texte indicatif, pour vous seul : vos visiteurs ne voient pas le bouton. Saisissez un texte pour le leur montrer, ou choisissez Icône seule.

Le texte et le style s'appliquent au bouton de toutes les cartes. Chaque changement s'applique à tout le texte du bouton, quelle que soit votre sélection.

La barre d'outils du bouton règle la Police, la Couleur du texte, la Taille de police, le gras, l'italique, le souligné et l'alignement, ainsi que :

• Par défaut, le texte du bouton est blanc, en 16 px.
• Choisir une icône apparaît avec Icône à gauche, Icône à droite ou Icône seule.
• Couleur de remplissage colore le fond d'un bouton Plein et le contour d'un bouton Contour. Un bouton Texte n'a ni fond ni contour.
• Icône seule : le bouton affiche le nom de son icône au survol. Si vous revenez à un autre choix, le texte du bouton revient tel qu'il était.

⚠ En mode édition, un clic sur le bouton n'ouvre aucune conversation Teams, et un clic sur une carte n'ouvre aucune fiche de profil. Testez-les sur la page publiée.

6. Bonnes pratiques

Faire renseigner les dates d'arrivée à la source

Le composant n'affiche que les personnes qui ont une date d'arrivée dans l'annuaire Microsoft 365. Vérifiez avec votre administrateur Microsoft 365 que les dates sont renseignées pour chaque arrivée (voir la partie 2).

Adapter la période au rythme des arrivées

Sur une page d'accueil, une fenêtre de 1 semaine garde le composant à jour. Sur une page d'équipe où les arrivées sont rares, choisissez 1 mois ou 3 mois pour éviter un composant vide.

Saisir le texte du bouton d'accueil

Si vous activez le bouton d'accueil, saisissez son texte sur une carte : tant qu'il est vide, vos visiteurs ne voient pas le bouton.

Garder des cartes courtes

Deux ou trois champs suffisent, par exemple Fonction, Département et Date d'arrivée. Des cartes plus hautes affichent moins de rangées pour une même hauteur.

Vérifier le contraste des cartes

Si vous personnalisez le fond ou la couleur du texte des cartes, vérifiez la rubrique Accessibilité et visez au moins Bon.

7. Ce qui change par rapport à la version précédente

Si vous utilisiez la version précédente du composant (voir l'article Composant Nouveaux arrivants) :

• Le composant s'appelle désormais Jint - Nouveaux arrivants dans le catalogue, dans la catégorie « Actualités, personnes et événements ».
• Deux fenêtres indépendantes remplacent la plage de durée : Arrivées récentes et Arrivées à venir, chacune de 1 semaine à 6 mois, ou de 1 à 365 jours.
• La source se règle sur Tous les collaborateurs ou sur des personnes et des groupes choisis, sous-groupes compris.
• ⚠ Les comptes externes sont désormais inclus par défaut. Désactivez Inclure les comptes externes pour les écarter.
• Vous choisissez les champs affichés sur chaque carte, et leur ordre, parmi 16 champs du profil.
• La date d'arrivée s'affiche en temps relatif, avec la date exacte au survol.
• Le bouton Teams devient un bouton d'accueil facultatif, désactivé par défaut, dont vous réglez le texte, le style et l'icône.
• Au clic sur une carte, la fiche de profil Microsoft 365 de la personne s'ouvre.
• La hauteur se règle au curseur et fixe le nombre de rangées de cartes affichées, avec une pagination. La carte se règle à part : profils par ligne, espacement, format et photo.
• Nouveau : un Arrière-plan en couleur ou en image, et une Apparence liée au thème Jint, pour le composant et pour ses cartes.
• Nouveau : la rubrique Accessibilité vérifie le contraste des cartes et le corrige en un clic.
• Le composant peut afficher un titre, mis en forme sur la page.
• Le panneau s'organise en trois onglets, Design, Contenu et Visibilité. L'onglet Visibilité permet de réserver le composant à une audience, d'en planifier l'affichage et de le masquer quand il n'a rien à afficher.
• Le panneau vous prévient quand l'autorisation de lire l'annuaire manque, ou quand aucune date d'arrivée n'est disponible.