L’utilisation du langage JSON est de plus en plus présent au sein de l’environnement Microsoft 365.
Je l’avais déjà évoqué lors de mon article précédent.
C’est pourquoi lors de notre dernière présentation avec Baptiste Mulot le samedi 6 juin 2021 lors des Power Saturday 2021, nous avons présenté l’utilisation de JSON pour présenter ses données. Nous y avons abordé la mise en forme de liste 365 avec ses nouveautés mais aussi la mise en place et l’utilisation des adaptives cards.

Retrouvez nos slides ci-dessous.

Je souhaitais vous partager quelques outils utilisés pendant cette conférence.

Pour les listes Microsoft, vous pouvez :

• Utiliser la solution sp-formatter pour synchroniser votre code entre Visual Code et votre liste SharePoint.
  Voici le lien vers de dépôt git https://github.com/pnp/sp-formatter. Cette manipulation permet de faciliter le développement de la mise en forme JSON. Il vous faudra installer un add-on in Edge ou chrome et une extension sur Visual Studio Code.
  
• Afin transformer votre code HTML en code JSON, n’hésitez pas à utiliser le projet HTML to formatter https://pnp.github.io/List-Formatting/tools/html-formatter-generator/
  Le lien du dépôt git est disponible ici : https://github.com/pnp/List-Formatting/tree/master/tools/html-formatter-generator. Il vous permettra de ne pas perdre trop de temps à réécrire votre code html en JSON.

Pour les adaptives cards, vous pouvez :

Utiliser le site https://adaptivecards.io/designer. Basez-vous sur les modèles proposés et adaptez-les en fonction de vos besoins. Pour cela cliquer sur New card.

J’espère que ces astuces vous serviront. Bon développement !

Vous souhaitez rendre vos listes SharePoint plus esthétiques et dynamiques. Le format JSON vous permettra de mettre en forme vos colonnes ainsi que vos vues de façon simple et rapide.

Les intérêts sont divers :

Sachez qu’il existe un mode conception qui va vous proposer des mises en forme pour vos colonnes et vos vues. Ce mode permettra à tous mettre en place des affichages de type JSON.

On observe que dans ce mode, il n’est pas nécessaire de connaitre le langage JSON pour appliquer et configurer ses affichages.

Les profils avancés peuvent aller plus loin, en respectant le format JSON et en utilisant les schémas fournis par Microsoft.
https://developer.microsoft.com/json-schemas/sp/v2/row-formatting.schema.json
Pour connaitre les possibilités du langage JSON, je vous invite à regarder cette présentation que nous avons réalisé avec Baptiste Mulot lors du Global Microsoft Developer Bootcamp le 25 novembre 2020.

Retrouvez nos slides ci dessous.

Dans mon prochain article, je vous montrerai comment mettre en place une vue JSON pour représenter une timeline.