Dans le cadre d'un projet avec l'ARS Ile-de-France, un thème Mviewer a été développé, reprenant la nouvelle identité visuelle de l'état, le Système de Design de l'état. Ce thème s'adresse aux développeurs et aux concepteurs, qu'ils soient agents publics ou prestataires pour des sites Internet de l'État (Ministères, Administrations centrales, Préfectures, Ambassades, etc.). Il permet d'apporter une cohérence graphique avec les sites institutionnels.

Le thème reprend tous les codes et principes recommandés par le système de Design (DSFR), couleurs, typographies. Pour des raisons techniques, les composants d'interface n'ont pas été remplacé par ceux proposés par la librairie DSFR mais sont stylisés dans le même esprit. Toutefois, la librairie est intégrée au thème, il est donc possible de mobiliser des élements d'interface dans la page d'accueil, les customcontrols ou dans les templates.

Comment utiliser ce thème ?

Pour mobiliser ce thème au sein d'une application mviewer, veuillez configurer le fichier .XML comme ci-dessous :

<application
logo='css/themes/theme-designfr/repfr-logo.png'
favicon='css/themes/theme-designfr/dsfr-v1.6.0/dist/favicon/favicon.ico'
style='css/themes/theme-designfr/theme_designfr.css'
/>

Les ressources du thème sont localisées dans le dossier css/themes/theme-designfr

Optionnel

Si vous souhaitez mobiliser des éléments d’interface disponibles au sein de la librairie DSFR dans votre page d’accueil, templates ou customcontrols, veuillez insérer les scripts associés au sein de votre application sous forme d’extensions mviewer :

<extensions>
<extension type="javascript" src="css/themes/theme-designfr/dsfr-v1.6.0/dist/dsfr.module.min.js"/>
<extension type="javascript" src="css/themes/theme-designfr/dsfr-v1.6.0/dist/dsfr.nomodule.min.js"/>
</extensions>


Versions : Mviewer 3.8 | Dsfr-v1.6.0