Les pieds de pages dans les sites de communication Modern UX

Les pieds de page sont une fonctionnalité personnalisée très utilisée pour faciliter la navigation dans les sites Web et les portails. Les sites de Communication SharePoint auront bientôt un contrôle de pied de page prêt à être inséré. Ce contrôle prend en charge soit un logo, soit une étiquette ou un ensemble de liens (jusqu’au huit liens).

En cliquant sur « Modification de l’apparence », on trouve le lien pour modifier le pied de la page.

blog ai3 image-8 Les pieds de pages dans les sites de communication Modern UX

Dans le contrôle de pied de page, on a la possibilité d’activer/désactiver cette fonctionnalité d’une façon directe et simple. On peut aussi ajouter un logo et des liens (maximum 8).

blog ai3 image-9 Les pieds de pages dans les sites de communication Modern UX

Ajout d’un lien:

blog ai3 image-7 Les pieds de pages dans les sites de communication Modern UX

Apparence du pied de la page de l’exemple:

blog ai3 image-10-1024x233 Les pieds de pages dans les sites de communication Modern UX

Des nouveautés dans les pages Layout des sites SharePoint Modern UX

L’utilisation des pages dans un site SharePoint est un très bon moyen pour partager des news, des idées, des images, des documents.

Chaque entreprise essaie d’avoir un site web le plus beau possible permettant de faire interagir ses collaborateurs. Ces derniers sont souvent invités à aimer, commenter et partager les contenus. Pour ceci, les entreprises demandent de plus en plus aux développeurs d’ajouter de nouvelles fonctionnalités et de retravailler sur le design des pages.

La bonne nouvelle, c’est qu’une bonne partie de ces fonctionnalités sont offertes, dès la création, par les sites SharePoint Modern UX. On peut maintenant personnaliser la zone de titre et modifier facilement les sections. On peut également aimer le contenu et comptabiliser le nombre des vues. Enfin, il est aujourd’hui possible de commenter d’une façon plus fluide les pages.

Personnalisation de la zone de titre de chaque page 

En mode edit, on peut cliquer sur le lien de la modification de la webpart de zone de texte.

blog ai3 modifiertexte Des nouveautés dans les pages Layout des sites SharePoint Modern UX

On affiche le panneau de configuration. Il donne la possibilité de changer la disposition du titre et l’image qui l’accompagne. Il permet aussi d’afficher ou pas des informations sur l’auteur et la date de publication.

blog ai3 image-2 Des nouveautés dans les pages Layout des sites SharePoint Modern UX

Modifier les sections

Pour modifier les sections sur la page, il suffit maintenant de cliquer sur le lien « Modifier la section ».

blog ai3 image-3 Des nouveautés dans les pages Layout des sites SharePoint Modern UX

Puis, dans la fenêtre de configuration de la section, on peut choisir la disposition des colonnes et même la couleur de l’arrière-plan.

blog ai3 image-4 Des nouveautés dans les pages Layout des sites SharePoint Modern UX

Commenter, aimer et nombre de vue de la page

blog ai3 image-5-1024x321 Des nouveautés dans les pages Layout des sites SharePoint Modern UX

La possibilité d’aimer, compter le nombre de vues et commenter la page sont présents, par défaut, sur les pages Modern UX. On peut également activer ou non les commentaires (afficher ou pas).

Astuces SharePoint Online avec PnP-PowerShell

Cet article recense des opérations hyper-condensées en PnP-PowerShell vous permettant de gérer vos sites SharePoint Online. Avant de vous en servir, assurez-vous d’avoir installé les modules PnP-PowerShell (disponibles ici), d’avoir lancé une fenêtre PowerShell (ISE ou non), et de vous être connecté à votre collection de sites à l’aide la commande Connect-PnPOnline.

Remarque : ces commandes n’ont pas vocation à être performantes en temps d’exécution, simplement à rendre un service en un minimum de lignes. Donc, à ne pas utiliser sur des volumes de données très importants…

(suite…)

Continuous integration for a SharePoint Framework Project

SharePoint Framework is the development tooling used for the new SharePoint Modern Pages, it allow to create WebPart, List Field Customiser or Page extensions.

In the context of a development project, you may be need to increase the speed of your deployment and testing by using the Azure DevOps Tool Suite. You’ll find below a small tutorial to automate your build and release with Azure DevOps.

The SharePoint Framework package creation with Azure DevOps is splitted in two parts: the creation of the package itself and its deployment to the SharePoint Online App Catalog.

Build Setup :

From the Pipelines menu click on Builds and on New Pipeline, the configuration wizard is displayed:

From this screen, you should select your project, the repository and your target branch. On the next screen, you have the possibility to start from a template but we’ll start from a fresh template, so click one Empty Job

To do this job you should had the following steps :

Task Node Tool Installer

Here we will install the recommended Node Version for SharePoint Framework : 8.11.

Task NPM

Here we’re installing all Node Modules for our project

Task Gulp x2

Here we’re adding 2 gulp task to bundle and package our SPFX project

Task Publish Build Artifacts

Finally we’re publishing the build package to use it in the release pipeline

Release Setup:

There’s several ways to publish a SPFX package : Gulp, PowerShell and the Office 365 CLI. For this tutorial I’ll use the latest method because it is system agnostic ( based on NodeJS ) and easier to use.

First of All, you’ll have to grant the permissions on your tenant to the Office 365 CLI ( just connect to your tenant through this CLI from your computer ).
You can find an installation guide of Office 365 CLI here : https://pnp.github.io/office365-cli/

Once it’s done, we’re ready to create our Release Pipeline.

From the Pipelines menu click on Releases, New, and then Release Pipeline: the Configuration Wizard is appearing :

Click on Empty Job and define a name for your stage ( for our example the stage name will be SharePoint Online ), once it’s done click on the hyperlink below the stage name and access to the task list:

Add the following tasks :

Task Node Tool Installer :

We’re installing the recommended Node version for the Office 365 CLI

Task NPM :

We’re installing the Office 365 CLI

Task Command Line :

We’re first connecting to the tenant through a user / password authentication method: tenantUrl, password and username are here Custom Variables

Task Command Line :

Finally we’re adding the app to the app catalog ( _TestIC-CI is the Artifact Name )

To test your work create a new release and your package will be deployed in your tenant catalog !

RGPD : SharePoint clean policy

Local admins must manage their data

This post is not about a global RGPD project in your organization, it’s a simple solution that site’s admins can apply in their sites, in their lists, in their libraries to ensure RGPD storage limitation compliance (chapter 5.e of RGPD).

This pragmatic solution is the feature named « Site Policy ».

To explain how to use this feature, let’s take an example of an app managing visitor’s access badges:

Employees must bring an access badge to their visitors
There is a SharePoint list of badge’s requests
To ask for a new badge a user add a new item in this list, with his name, date of the visit and personal informations of the visitor
The security team prepare a badge with right access permissions and add the badge number in SharePoint
Finally, the badge is given to the welcome hostesses

This app have been built by a user in 2011
The question of data retention period have never been considered
All data since 2011 are still in the list when the company need to be able to retrieve visitors identity after the visits, but no longer that 6 months

Now there is a double question: how to delete right now items created more than 6 months before ?
How to do it periodically?

Solution: feature and settings

The site admin must find a solution to delete items 6 months after their creation.

First of all he have to activate the « Site Policy » feature if not done yet

In the list’s settings he click on « Information management policy settings »

He create a new Policy for the content type « Item »

In this Policy he enable retention and specify « Created + 6 months → Permanetly Delete »

He press « Ok » and it’s done!

And what happen immediatly? Nothing!

Items will be deleted later, by jobs scheduled in the SharePoint farm.

Jobs scheduled in the SharePoint farm

In the SharePoint farm, each Web App have 2 jobs:

Information management Policy : runs weekly and calculate updates expiration dates
Expiration Policy : runs weekly and process expired items

Detailed documentation: https://docs.microsoft.com/en-us/sharepoint/technical-reference/timer-job-reference-for-sharepoint-server-2016

In SharePoint on premises, by default theses jobs runs respectively Friday and Saturday at 11 PM
This periodicity can be changed in Central Administration or with PowerShell.

For SharePoint online, in the detailed documentation we can read that these jobs are not available.

However I have tested it in SharePoint online and it works!
I understand that « not available » mean I can’t decide the scheduled time of the jobs.

Conclusion: 3 good news

The point is to clean a list or a library periodically regarding on chapter 5.e of RGPD.

🙂 The solution described here is free: included in SharePoint.
🙂 The solution is light: data’s conservation periods defined directly by business lines actors.
🙂 The solution is efficient: one single action for cleaning several years old datas and for cleaning periodically from now.

Pourquoi quitter le partage réseau ?

Vous savez tous où est la dernière présentation du groupe Ai3, « Tsé là ! », celle qui est dans le répertoire r:\share\Marketing\Jean-Edouard\2016\Présentation\Important\Dernière version\2017\maj\Présentation Groupe Ai3 jan 2018 v3.pptx

Moi non plus, mais quand je tombe dessus par hasard, je me demande toujours si c’est bien celle-là que je dois montrer à mes clients, sachant que Jean-Edouard ne travaille plus chez nous depuis plus d’un an… vive la retraite !

Du coup que fait-on, une copie en local qu’on distribuera au gré du vent par courriel…

Voici la dernière présentation du groupe ==> Présentation Ai3 – Version août 2018 – Copie v5 draft.pptx …

Ce qui est certain c’est que SharePoint fait très peur face aux partages réseaux accessibles qu’en interne, ou pour les plus chanceux, par VPN. Imaginez-vous retrouver la dernière version – seule vrai version — d’un document, c’est intimidant n’est-ce pas ?

Voici quelques fonctionnalités simples, permettant de vous rassurer avec SharePoint et que dans bien des cas vous ne pouvez pas faire avec votre partage réseau :

Historique de versions

La première et non la moindre est la possibilité d’incrémenter de façon transparente et automatique la version de nos documents. Cette fonctionnalité vous permet de :

Générer en version majeure (1.0, 2.0, 3.0, …) et mineur (1.0, 1.1, 1.2, 2.0, 2.1, …)
Limiter le nombre de versions à conserver
Supprimer les versions mineures à chaque publication d’une version majeure
Visualiser et/ou récupérer une version antérieure

Approbation de publication du document

Vous pouvez aussi mettre en place un système d’approbation de document, cette fonctionnalité permet de ne mettre à disposition des utilisateurs qu’une version « vérifiée » et « approuvée » par un responsable tout en travaillant dans la même source.

Vous pouvez par la même occasion décider de qui peut consulter ou modifier des documents.

Forcer la réservation d’un document (Check-In / Check-Out)

Dans certain contexte — principalement dans les cas où le parc informatique n’est pas avec la dernière version OS & Office 365 –, il est nécessaire de « réserver » le document afin d’y apporter toutes les modifications nécessaires. On se retrouve cette fois avec une fonctionnalité iso à l’édition de document via le partage réseau.

NB/ Le fait de réserver un document permet aussi d’enregistrer le document plusieurs fois sans générer de montée de version (dév.)

Coédition

L’une des forces de SharePoint (ou OneDrive) reste la coédition de documents par plusieurs utilisateurs à la fois. Allier la force de rédaction d’une équipe permet un gain de temps assuré !

NB/ utilisable si l’option de réservation de document n’est pas activée.

Partage autonome

Plus besoin d’ouvrir un ticket à son centre de support préféré afin d’ajouter un nouveau venu sur le document. D’un simple clic vous pouvez partager un document à votre collègue et commencer à collaborer.

Accès à distance

Depuis n’importe quel appareil vous avez la possibilité de consulter un document. Via l’application SharePoint mobile ou sans apps dédié, simplement et directement dans votre navigateur. Plus besoin de VPN pour consulter ses notes, ses documents, …

Grâce à l’application OneDrive, garder quelques documents clés avec vous lors de vos déplacements.

Automatiser des processus simples et complexes

Rester averti de la mise à jour et de l’évolution des documents auxquels vous voulez porter une attention toute particulière.

Ou passer à la vitesse supérieure, pour ceux qui ont une vision plus avancée de leur besoin métier, tel que

Obtenir une approbation en plusieurs étapes
Envoyer automatiquement en lien en lecture vers tous les membres d’une équipe
Déplacer dans une autre bibliothèque sous certaines conditions
Supprimer après la date d’expiration (10 ans à compter de la création du document)

Il est possible de déclencher un processus manuellement ou automatiquement en fonction de la création / modification / suppression du document ou des métadonnées d’une colonne.

On peut même se connecter à des services externes (Twitter, Google Docs, Microsoft Forms, d’autres collections de sites SharePoint, etc.) à l’aide de Microsoft Flow.

Métadonnées / Vues

Pour les plus téméraires, vous allez pouvoir structurer vos documents à l’aide de métadonnées de classements afin mettre en forme des affichages dédiées aux différentes personnalités de vos équipes.

Voir même de mettre en place de la taxonomie automatique pour les irréductibles classeurs de répertoires verticaux ?

#Sets default column values for a document library folder
Set-PnPDefaultColumnValues -List $PnPDocLib -Folder $PnPFolder.ServerRelativeUrl -Field $TaxonomyField.InternalName -Value $TermSetValue -Web $PnPWeb -Connection $PnPConnect

1 2	#Sets default column values for a document library folder Set-PnPDefaultColumnValues -List $PnPDocLib -Folder $PnPFolder.ServerRelativeUrl -Field $TaxonomyField.InternalName -Value $TermSetValue -Web $PnPWeb -Connection $PnPConnect

Ce billet qui ne survole qu’une partie des avantages, les plus simples et rapides à mettre en place au sein de son organisation. Il reste encore de gros sujets autour de SharePoint et Office 365 permettant de fournir des stratégies de rétention (conservation ou suppression) ou des processus d’archivage sur l’ensemble de vos documents, de mettre en place des autorisations, des étiquetages, etc.

En plus, tout va très vite aujourd’hui, maintenant vous pouvez fournir à vos utilisateurs le dernier modèle de document directement dans l’interface moderne de SharePoint Online

Petites « nouveautés » SharePoint Online

J’espère que vos vacances ont été ensoleillé et des plus reposante, alors un petit post de nouveautés sur SharePoint Online pour bien commencer sa rentrée ?

Personnalisation de l’entête de site #branding en 4 options

• None – Affiche l’en-tête avec la couleur blanche par défaut
• Neutral – Affiche l’en-tête avec un fond gris clair
• Soft – Affiche l’en-tête avec une version claire de la couleur principale en arrière-plan
• Strong – Affiche l’en-tête avec la couleur principale comme arrière-plan

Menu de navigation #MegaMenu #MegaMenuEnabled

Cette navigation permet de diviser en blocs (Menu A, Menu B, …) les liens de navigation.

Vous pouvez l’activer via un script standard Microsoft :

$webUrl = ""
$username = "@.onmicrosoft.com"
$pw = read-host -Prompt "Enter password" -AsSecureString
$ctx= New-Object Microsoft.SharePoint.Client.ClientContext($webURL)
$ctx.Credentials = New-Object Microsoft.SharePoint.Client.SharePointOnlineCredentials($username,$pw)
$ctx.Load($ctx.Web)
$ctx.ExecuteQuery()
$ctx.Web.MegaMenuEnabled = $true // $false to Disables megamenu experience
$ctx.Web.Update()
$ctx.ExecuteQuery()

$webUrl = ""

$username = "@.onmicrosoft.com"

$pw = read-host -Prompt "Enter password" -AsSecureString

$ctx= New-Object Microsoft.SharePoint.Client.ClientContext($webURL)

$ctx.Credentials = New-Object Microsoft.SharePoint.Client.SharePointOnlineCredentials($username,$pw)

$ctx.Load($ctx.Web)

$ctx.ExecuteQuery()

$ctx.Web.MegaMenuEnabled = $true // $false to Disables megamenu experience

$ctx.Web.Update()

$ctx.ExecuteQuery()

Ou via les librairies PnP

Connect-PnPOnline -Url https://yoursite.sharepoint.com
$web = Get-PnPWeb
$web.MegaMenuEnabled = $true
$web.Update()
Invoke-PnPQuery

Connect-PnPOnline -Url https://yoursite.sharepoint.com

$web = Get-PnPWeb

$web.MegaMenuEnabled = $true

$web.Update()

Invoke-PnPQuery

On peut créer des sous-sites « Modern UI »

Certes, il n’est pas conseillé de créer des sous-sites. On le sait tous, mais n’empêche que c’est plus simple à gérer quand on en a des centaines, voir des milliers, avec des templates de sites et / ou une architecture de groupes d’accès particuliers identiques à appliquer.

SharePoint Modern Experience : Communication Site

L’arrivée de la modern experience sur les nouveaux sites SharePoint Online a été accompagnée d’un nouveau modèle de site « Le Communication Site ». C’est ce nouveau modèle que nous allons aborder dans cet article. L’objectif de ce modèle de site est de partager du contenu avec d’autres collaborateurs. Ce modèle a été pensé de façon à s’afficher correctement sur tous les types de supports (PC, Mobile, etc … )

Généralités

Tout d’abord ce modèle est disponible lors de la création d’un nouveau site :

Plusieurs type de site sont disponibles :

Topic
- Idéal pour partager des informations sur un sujet particulier
Showcase
- Utile dans le cas d’une communication sur un évènement par exemple
Blank
- Modèle vide

Le modèle Topic

Le modèle Showcase

Les sections

Les sections correspondent à la nouvelle manière de découper horizontalement une page SharePoint. L’ajout de section est dynamique, le nombre de sections n’est pas spécifié au moment de la création de la page. L’avantage de ce nouveau système est la totale liberté offerte pour la mise en page. Chaque section est autonome est dispose d’une mise en page spécifique. Lors de l’ajout d’une section on spécifie le nombre de colonnes de la section ainsi que la disposition :

La nouvelle webpart (Hero Content)

Cette webpart permet d’afficher plusieurs liens / images sous forme de plusieurs vignettes comme vous pouvez le voir ci dessous :

La disposition ainsi que le nombre de vignettes peut être modifié. La disposition « Vignettes » propose les options suivantes :

La disposition « Couches » permet de son côté d’afficher les informations de cette façon :

Cette nouvelle webpart est évidemment responsive.

Les news

Un nouveau système de news est mis en place (également disponible sur les Team Site). La rédaction ainsi que l’intéraction sociale est facilitée. Lors de l’édition de la page d’accueil, il est possible d’ajouter des news :

En cliquant sur le bouton Add, on peut ajouter une nouvelle News. Une news est en fait une nouvelle page dans laquelle on peut ajouter des webpart, des sections etc. La rédaction de news est intuitive, on retrouve les fonctionnalités rapidement.

Les fonctionnalités sociales classiques sont intégrées aux news. L’utilisateur peut ainsi « liker » (« J’aime ») ou commenter la news comme vous pouvez le voir ci dessous :

Conclusion

Ce nouveau modèle de site offre de nombreuses possibilités. L’affichage et le design des webparts ont été améliorés. De plus, grâce aux sections les pages sont plus facilement modifiables et surtout plus flexibles.

SharePoint 2019

La semaine dernière avait lieu la Conférence SharePoint. L’occasion pour nous de présenter quelques informations sur SharePoint 2019 !

Microsoft compte capitaliser sur toutes les améliorations apportés aux sites sur Office 365. La « Modern » experience sera bien évidemment au menu de cette nouvelle version de SharePoint. Les nouveaux modèles de site, tels que les sites de communication et les sites d’équipe seront également présents.

L’objectif de SharePoint 2019 est d’améliorer encore plus l’accès à l’information.

L’information doit être disponible en permanence, peu importe l’endroit ou le device utilisé pour y accéder :

Fonctionnalités

Quelques fonctionnalités clés et marquantes :

Sites, pages, et bibliothèques utilisant la nouvelle « Modern » interface
Team Site & Communication site
Support hybride amélioré
Amélioration des processus métier avec l’utilisation de PowerApps et Flow
Compatibilité avec le nouveau client OneDrive (NGSC) permettant un accès fiable aux documents n’importe ou et n’importe quand.
Possibilité d’intégrer PowerBI et Bing Maps dans vos éléments de liste.

Sécurité

La Centrale d’administration SharePoint va être refondue. L’objectif est de se rapprocher du centre d’Administration Office 365. En termes de conformité, une nouveauté permettra de connaître les emplacements géographiques à partir desquels se connectent les utilisateurs. Cela offrira la possibilité d’appliquer des politiques de sécurité différentes selon l’emplacement de l’utilisateur.

RoadMap

SharePoint 2019 sera disponible aux clients durant le 2ème semestre 2018. La version preview devrait être disponible durant l’été 2018.

Un petit point sur Modern UI des sites Sharepoint Online

Lorsque Microsoft a annoncé le Modern UI sur les sites Sharepoint, je me suis dit « Enfin, on va avoir quelque chose de sympa ! ».

Effectivement, les sites modern UI sont hautement responsives, agréables à regarder, propres et clairs. Puis, j’ai regardé comment modifier la charte graphique, personnaliser les formulaires, ajouter une mise en page, et là, je suis tombé de haut… tout est verrouillé : impossible de personnaliser quoi que ce soit ! Du coup, impossible de mettre en place SON Intranet avec Sharepoint en Modern UI.

Mais ça, c’était avant ! Les choses ont pas mal évoluées depuis.

L’objectif de cet article est de faire un tour d’horizon des nouvelles (plus ou moins) fonctionnalités qui nous permettrons, partenaires intégrateurs Sharepoint, de personnaliser les sites Modern UI pour créer des sites (Intranet ou applications métier) intégrant la « Marque entreprise » de nos clients et leurs règles/processus métier.

Client Webpart

Niveau : Développeur

Il s’agit ici de développer des webparts, non pas en C# comme d’habitude, mais en Javascript : d’où le terme « Client ».

Le développement de « client webparts » s’appuie fortement sur le « Sharepoint Framework » et sur des techniques utilisées par les développeurs FrontEnd : Yeoman, gulp, TypeScript, API Rest, …

Fonctionnellement, le client webpart permet d’intégrer dans Sharepoint Online des fonctionnalités métier en utilisant Javascript pour requêter des données (via des webservice SOAP) et les mettre en forme dans la page HTML.

En mode conception de la page, la webpart se trouve avec les webparts proposées par défaut (HelloWorld dans le cas présent) :

Et on retrouve une notion de « propriété » qui permet de gérer le comportement de la webpart dan s la page. Dans l’exemple ci-dessous la propriété « Description Field » permet de modifier le texte de la webpart.

Bref, les développeurs Sharepoint ne sont pas dépaysés : il faut juste oublier les traitements côté serveur pour se lancer à fond dans Javascript.

Il devient alors facile d’afficher, par exemple, le cours de l’action Ai³ dans la page d’accueil de l’Intranet.

Injection Javascript

Niveau : Développeur

Cette technique permet, pour un site donné, d’exécuter une méthode Javascript à chaque chargement de page. Elle est très utilisée pour gérer la mise en forme générale du site, et plus précisément pour intégrer un header sur toutes les pages du site.

Dans les pages modern UI, des zones qui peuvent être utilisées pour y intégrer du contenu HTML :

Top : zone en entête de page.
Bottom : zone en pied de page.
DialogContainer : zone pour l’affichage d’un contenu sous forme de popin.

Sur notre Intranet Ai3, c’est ce qui est utilisé pour présenter la zone grise au-dessus du menu de navigation. Dans le cas présent, on y intègre des fonctionnalités complémentaires (favoris, activités récentes, …).

Cette technique permet aussi d’ajouter de nouvelles commandes dans les barres d’outils associées aux listes :

Ce type de personnalisation va permettre d’ajouter des traitements métier sur des éléments de liste, toujours via un traitement Javascript qui va interagir avec Sharepoint et/ou des applications tierces via des webservices REST.

Page layout

Niveau : Contributeur de contenu

Il s’agit plus d’une fonctionnalité de contribution que réellement une fonctionnalité de personnalisation, mais comme cette notion de « page layout » n’existait pas dans les premières versions du Modern UI, j’ai préféré revenir dessus.

Une page « Modern UI » est divisée en sections qui peuvent avoir différentes dispositions :

Cela permet d’organiser le contenu de la page de manière très souple, et même peut être plus souple qu’avec les sites classiques puisqu’une page peut commencer sur 3 colonnes, passer sur une seule, et revenir sur 2 colonnes selon les besoins du contributeur.

Thème

Niveau : Concepteur de sites

La notion de thème est apparue assez récemment sur les sites Modern UI : il va permettre aux administrateurs de sites de changer le look du site.

Cette fonctionnalité n’est pas encore déployée sur tous les tenants : je ne l’ai d’ailleurs par encore de mon tenant de développement.

Les possibilités sont assez limitées. L’utilisateur va pouvoir définir 3 couleurs principales de leurs déclinaisons. Ces différents couleurs seront appliquées sur les classes CSS correspondantes. Le fonctionnement est sur le principe identique à la fonctionnalité « Modifier l’apparence » d’un site classique.

Pour les entreprises souhaitant avoir un rendu homogène sur un ensemble de sites, il est possible de créer des templates personnalisés. Pour cela, il faut générer une description (avec l’outil ThemeGenerator), et la référencer dans Sharepoint à l’aide de la commande PowerShell Add-SPOTheme. Les templates proposés par défaut peuvent être masqués à l’aide de la commande PowerShell Set-SPOHideDefaultThemes.

A noter qu’en utilisant un thème personnalisé, il est possible d’utiliser une image de fond de page :

Personnalisation formulaires

Niveau : Développeur / Concepteur de sites

Power Apps permet de générer des applications de gestion de données métier accessibles depuis un navigateur ou un smartphone. Les données sont généralement issues de Sharepoint. Un cas d’usage pourrait être de gérer un annuaire des personnes d’astreinte à contacter en cas de problème : cet annuaire est disponible simplement et rapidement via un navigateur ou une application mobile.

Pourquoi je parle de Power Apps ? Il s’agit d’un outil permettant de générer des applications autonomes !

Et bien depuis peu, Power Apps peut être utilisé pour personnaliser les formulaires de consultation, de création et de modification des éléments d’une liste.

Sans développement, il est donc possible de supprimer des colonnes dans les formulaires, de masquer une colonne en fonction de la valeur d’une autre (gestion des états), d’ordonner les colonnes, et bien plus encore.

Contrairement à PowerApp en mode autonome, le formulaire reste affiché dans la page de la liste.

L’intégration avec Sharepoint est donc totale.

Mise en forme des champs

Niveau : Développeur / Concepteur de sites

Dans les paramètres d’une colonne de liste, il y a maintenant une commande « Mettre en forme cette colonne » :

L’écran à droite permet d’intégrer des règles de formatage au format JSON.

Les possibilités de formatage, sans être infinies, permettent de traiter un certain nombre de cas d’usages illustrés ci-dessous :

Attention : cette technique se base sur un système déclaratif au format JSON. Cela signifie que l’on n’injecte pas de code Javascript pour avoir une liberté totale sur l’apparence du champ comme c’était le cas avec les JSLink. On est limité aux capacités de représentation du JSON.

Personnalisation des rendus des champs

Niveau : Développeur

Dans un chapitre précédent, je parlais de la mise en forme des champs. L’objet de ce chapitre est de vous montrer qu’il est possible d’aller plus loin que du simple formatage de la valeur, mais bien de gérer en javascript la façon dont est présentée la colonne dans son ensemble : la valeur, mais aussi son comportement.

Dans l’exemple ci-dessous, le champ « Percent » est éditable même en vue liste à l’aide d’un slider.

Conclusion

Avec ces différentes fonctionnalités, plus ou moins récentes, je pense que la bascule vers le modern UI va s’accélérer. C’est plutôt une bonne nouvelle pour les utilisateurs de Sharepoint qui sont souvent confrontés à des problématiques ergonomiques.

Certains sujets seront développés dans de futures articles… stay in touch ! 😉

Si j’ai oublié des choses, j’hésitez pas à me le faire savoir, je compléterai l’article avec plaisir.

We use cookies on our site
- Accept
- Reject