---
title: "Profil utilisateur et NavBar"
description: "Nous avons amélioré le fonctionnement du raccourci permettant d'accéder au profil utilisateur depuis la NavBar.   Le raccourci est à présent dynamique. Si l'uti"
canonical_url: "https://fr.goodbarber.com/blog/profil-utilisateur-et-navbar-a836/"
lang: fr
date: 2017-10-25
last_updated: 2017-10-25
---

# Profil utilisateur et NavBar

[Retour](/blog/reussir-mon-app-r13/)

# Profil utilisateur et NavBar

Ecrit par [Jerome Granados](https://fr.goodbarber.com/blog/author/jerome-granados/)  le Mercredi 25 Octobre 2017

![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/17854495-22215845.jpg?v=1508947538.790385)

Nous avons amélioré le fonctionnement du raccourci permettant d'accéder au profil utilisateur depuis la NavBar.

Le raccourci est à présent dynamique. Si l'utilisateur est authentifié dans l'app, sa photo de profil est affichée, sinon, c'est l'icone par défaut qui s'affiche.

## Configuration

![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/17854495-22215853.jpg?v=1508946424.8579826)

Cette fonctionnalité permet de soigner le design de votre app. De plus, elle donne une information visuelle utile à l'utilisateur. Il sait instantanément s'il est authentifié au pas dans l'app.

Pour activer la fonctionnalité, il faut tout d'abord ajouter un lien dans le Header de votre app. Pour cela, rendez-vous dans *Builder > Header & Bod*y et cliquez sur le bouton "*Ajouter une action*".

L'action doit pointer vers le profil utilisateur. N'oubliez pas de choisir une icone par défaut. Souvenez-vous également que les options avancées permettent de modifier l'affichage du lien en fonction de la taille de l'écran du terminal qui affiche votre app.

A noter : si vous aviez déjà un raccourci vers le profil avant la mise en ligne de cette nouveauté, il faut supprimer et refaire le lien pour bénéficier du comportement dynamique.

## Comportement automatique

![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/17854495-22215871.jpg?v=1508946560.0863566)

Une fois le lien ajouté dans le header, l'affichage est géré automatiquement. Si l'utilisateur n'est pas authentifié, l'icone et éventuellement le texte par défaut s'affichent. Dès qu'il s'authentifie, ce seront les informations associées au profil qui apparaitront.

 **Smartphone**
Seulement l'icone s'affiche lorsque le lien fait partie des éléments principaux du header. Si le lien est dans le menu additionnel, l'icone et le nom de l'utilisateur s'afficheront.

 **Tablette et Desktop**
Vous pouvez décider d'afficher le nom de l'utilisateur en plus de l'icone.
Dans le menu additionnel, l'icone et le nom de l'utilisateur sont affichés.

![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/17854495-22215892.jpg?v=1508948405.5896883)

![Jerome Granados](https://blog.goodbarber.com/_public/profile/1b/1b6453892473a467d07372d45eb05abc2031647a-default.jpg)

À propos de l'auteur[Jerome Granados](https://fr.goodbarber.com/blog/author/jerome-granados/)CMO

Je suis CMO et associé chez GoodBarber.

À travers ce blog, je partage des conseils pratiques pour tirer le meilleur parti de GoodBarber, des analyses sur les tendances qui transforment le mobile et le no-code, ainsi que quelques réflexions sur l’impact de l’intelligence artificielle sur notre industrie.

Si un article vous inspire une question, une idée ou un retour d’expérience, discutons-en dans les commentaires.

[En savoir plus](https://fr.goodbarber.com/blog/author/jerome-granados/)

[![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/jeromegranados/)[![X](https://portal.ww-cdn.com/portal_static/svg/base2021/x.820492c586dd.svg)](https://x.com/jeromegranados)[![Facebook](https://portal.ww-cdn.com/portal_static/svg/base2021/fb.be37c82b8283.svg)](https://www.facebook.com/jerome.granados)[![Instagram](https://portal.ww-cdn.com/portal_static/svg/base2021/instagram.e3b82841d5d7.svg)](https://www.instagram.com/jeromegranados/)[![Pinterest](https://portal.ww-cdn.com/portal_static/svg/base2021/pinterest.3ba400801cb2.svg)](https://www.pinterest.com/jeromegranados/)