Aller au contenu

Personnaliser l'interface

En bref

SenSaaS s'adapte à votre façon de travailler : thème clair ou sombre, couleurs, police, forme du menu, hauteur des lignes de tableau, colonnes visibles, langue. Tous ces réglages sont les vôtres — ils ne changent rien pour vos collègues — s'appliquent immédiatement et sont mémorisés dans le navigateur que vous utilisez. Le panneau Paramètres (roue dentée de la barre du haut) les rassemble ; quelques-uns se règlent directement sur l'écran concerné.

L'ensemble du panneau Paramètres et de ses sections est décrit sur la page Réglages. Cette page-ci prend le problème par l'autre bout : qu'est-ce que je peux changer dans l'apparence de SenSaaS, et où est le bouton ?

Deux endroits pour régler

Endroit Ce qu'on y règle
Paramètres (roue dentée de la barre du haut) Tout ce qui vaut pour l'application entière : thème, couleurs, police, menu, tableaux, langue
Actions › Paramètres d'un écran de liste Ce qui ne vaut que pour cet écran : sa ligne d'indicateurs, ses filtres par colonne

Un changement est appliqué et enregistré aussitôt : un message « Enregistré · … » le confirme brièvement. Il n'y a pas de bouton Valider.

Apparence et couleurs

Paramètre Où le régler Valeurs (défaut en gras) Portée et persistance Effet
Clair / Sombre Paramètres › Apparence Clair, Sombre, Système Cet appareil, ce navigateur Thème général de toute l'application. « Système » suit le réglage de votre ordinateur et bascule quand celui-ci bascule
Thèmes Paramètres › Personnalisation Aucun, Sage — rendu actuel, SenSaaS V2, Sage Corporate, Sage Warm, plus les thèmes importés Cet appareil, ce navigateur Applique une palette complète en un clic : couleurs, fonds, bordures, texte, police, fond de la navigation. Un second clic sur le thème actif le désactive
Importer un thème / Exporter Paramètres › Personnalisation Fichier .json Cet appareil, ce navigateur Reprend une charte préparée ailleurs, ou emporte la vôtre sur un autre poste. Tout thème peut être exporté, y compris ceux livrés avec l'application ; seuls les thèmes importés peuvent être supprimés
Couleurs Paramètres › Personnalisation Primaire, Primaire (hover), Secondaire, Secondaire (hover), Succès, Danger, Warning, Info Cet appareil, ce navigateur Couleurs appliquées à toute l'interface. Les états de survol et de clic sont calculés à partir de la couleur choisie
Fond de la navigation Paramètres › Personnalisation Noir, Bleu nuit, Vert Sage, Prune, Clair, ou toute couleur, plus Défaut Cet appareil, ce navigateur La barre du haut, le menu latéral et le bandeau horizontal partagent cette couleur. Le texte passe automatiquement en clair ou en foncé selon le contraste
Police Paramètres › Personnalisation Sage UI, SenSaaS Sans, SenSaaS Droit, Inter, Plus Jakarta Sans, IBM Plex Sans, Roboto, Système Cet appareil, ce navigateur Change la typographie de toute l'interface. Un aperçu « Aa » montre chaque police avant de choisir
Logo clair / Logo sombre Paramètres › Personnalisation Fichier png, jpg, svg, webp ou gif, 400 Ko maximum Cet appareil, ce navigateur Remplace le logo de la barre du haut. Le logo affiché suit le thème : si un seul des deux est importé, il sert dans les deux modes
Indicateur de chargement Paramètres › Apparence Comète, Infini, Anneau, Points, Étoile Cet appareil, ce navigateur Animation affichée pendant les attentes, partout dans l'application. Chaque choix est présenté par l'animation elle-même
Réinitialiser la personnalisation Paramètres › Personnalisation Bouton Retour aux couleurs, à la police et aux logos par défaut. Ne touche ni au thème clair/sombre, ni aux réglages de tableaux
Interface des paramètres Paramètres › Affichage Panneau latéral, Plein écran Cet appareil, ce navigateur Panneau latéral : l'application reste visible derrière et sert d'aperçu en direct. Plein écran : plus de place pour parcourir les réglages

Capture à venir

Section Apparence du panneau des paramètres — identifiant application/personnalisation-apparence. L'image sera ajoutée lors de la prochaine campagne de captures.

Thème et couleurs : qui gagne ?

Quand un thème est actif, un message le rappelle : « Un thème est actif : ces réglages s'appliquent par-dessus. Choisir un autre thème les remet à sa palette. » Autrement dit, une couleur que vous ajustez à la main reste appliquée par-dessus le thème — jusqu'à ce que vous changiez de thème, ce qui repart de sa palette complète.

Capture à venir

Sélecteur de thèmes et palette de couleurs — identifiant application/personnalisation-themes. L'image sera ajoutée lors de la prochaine campagne de captures.

Mise en page et navigation

Paramètre Où le régler Valeurs (défaut en gras) Portée et persistance Effet
Mode de navigation Paramètres › Navigation Vertical, Icônes, Horizontal Cet appareil, ce navigateur Position et forme du menu principal. « Icônes » réduit le menu latéral à une colonne d'icônes ; « Horizontal » place le menu en bandeau sous la barre du haut
Menus regroupés Paramètres › Navigation Regroupés, Séparés Cet appareil, ce navigateur Regroupés : une seule entrée Documents, et une rangée d'onglets pour passer de Ventes à Achats, Stock, Internes, Archives. Séparés : cinq entrées de menu distinctes, et les sous-catégories de Catalogues et de Tiers apparaissent dans le menu
Ordre des menus Paramètres › Navigation Glisser-déposer Cet appareil, ce navigateur Réordonne les entrées, et permet de faire passer une entrée sous une autre
Renommer (crayon) Paramètres › Navigation › Ordre des menus Texte libre Cet appareil, ce navigateur Remplace le libellé d'une entrée de menu par le vôtre
Masquer Paramètres › Navigation › Ordre des menus Masqué / affiché Cet appareil, ce navigateur Retire l'entrée du menu. L'écran reste accessible par un favori ou un lien direct
Réinitialiser l'ordre / Réafficher tout Paramètres › Navigation › Ordre des menus Boutons Annulent respectivement le réordonnancement et les masquages. Les boutons n'apparaissent que s'il y a quelque chose à annuler
Favoris (étoile) Barre du haut Écran épinglé ou non Cet appareil, ce navigateur L'écran courant rejoint la section Favoris du menu. Un favori d'un autre monde (Gestion / Comptabilité) fait basculer l'application toute seule
Gestion / Comptabilité Barre du haut Gestion, Comptabilité Cet appareil, ce navigateur Change le menu. L'application mémorise le dernier écran visité dans chaque monde et vous y ramène à la bascule
Applications installées Magasin d'applications Liste Cet appareil, ce navigateur Les applications installées apparaissent dans la zone Apps du menu (voir Magasin d'applications)

Capture à venir

Menu réordonné dans les paramètres de navigation — identifiant application/personnalisation-menu-ordre. L'image sera ajoutée lors de la prochaine campagne de captures.

Sur petit écran

Le mode de navigation et l'ordre des menus ne sont proposés qu'à partir d'une fenêtre large (à peu près celle d'un ordinateur portable). En dessous, ces deux lignes n'apparaissent pas dans le panneau, et le mode « Icônes » retombe automatiquement sur le menu vertical pour ne pas masquer la navigation.

Listes dynamiques

Ces réglages s'appliquent à tous les tableaux de l'application.

Paramètre Où le régler Valeurs (défaut en gras) Portée et persistance Effet
Densité d'affichage Paramètres › Tableaux Compacte, Normale, Confortable Cet appareil, ce navigateur Hauteur des lignes et des en-têtes. Compacte affiche davantage de lignes sans défiler
Lignes horizontales Paramètres › Tableaux Oui, Non Cet appareil, ce navigateur Bordures entre les lignes. Sans elles, les lignes alternent en zébrure pour rester lisibles
Lignes verticales Paramètres › Tableaux Oui, Non Cet appareil, ce navigateur Bordures entre les colonnes
Filtres par colonne Paramètres › Tableaux Affichés, Masqués Cet appareil, ce navigateur Ligne de recherche sous chaque en-tête de colonne. Masqués, les en-têtes ne montrent que l'intitulé
Afficher les filtres par colonne Actions › Paramètres d'un écran Oui / Non Cet écran, cet appareil Surcharge le réglage précédent pour ce seul écran
Graphiques dans les tableaux Paramètres › Tableaux Oui, Non Cet appareil, ce navigateur Ajoute Graphique au clic droit sur une sélection de cellules. Éteint, le module de graphiques n'est jamais téléchargé
Mode de données des tableaux Paramètres › Tableaux Serveur, Auto, Client Cet appareil, ce navigateur Comment une liste est chargée. Auto choisit selon le volume ; Client charge tout puis trie et filtre dans le navigateur ; Serveur charge par blocs
Disposition d'une liste Directement dans le tableau Colonnes affichées, ordre, largeur, tris, filtres, groupes dépliés Cette liste, ce compte, cet appareil Enregistrée automatiquement quelques instants après votre dernier geste. Chaque liste a sa propre disposition, rattachée à votre compte : deux personnes qui partagent un poste ne se marchent pas dessus
Mise en page des tableaux Paramètres › Tableaux Liste + boutons Recense les tableaux que vous avez personnalisés (« 3 tableaux personnalisés ») et permet de réinitialiser un tableau, ou tous

Capture à venir

Liste des tableaux dont la disposition est enregistrée — identifiant application/personnalisation-liste-disposition. L'image sera ajoutée lors de la prochaine campagne de captures.

Une disposition suit votre compte, pas votre poste

Les dispositions de listes sont rangées sous votre identifiant, dans le navigateur. Elles restent donc les vôtres si un collègue se connecte sur le même poste — mais elles ne vous suivent pas sur un autre ordinateur.

Fiches et formulaires

Paramètre Où le régler Valeurs (défaut en gras) Portée et persistance Effet
Zones vides des fiches Paramètres › Apparence Affichées, Masquées Cet appareil, ce navigateur Masquées : les lignes sans valeur disparaissent, ainsi que les blocs et cartes entièrement vides. La fiche devient beaucoup plus courte. Un zéro reste affiché : c'est une information, pas un vide
Récapitulatif du document Paramètres › Documents Rail latéral, Panneau flottant Cet appareil, ce navigateur Où s'affichent le client, les totaux et le bouton d'enregistrement pendant la saisie d'un document
Densité des lignes Paramètres › Documents Confortable, Compacte Cet appareil, ce navigateur Hauteur des lignes du tableau de saisie
Remises multiples Paramètres › Documents Demander, Cascade Cet appareil, ce navigateur Quand une ligne porte plusieurs remises : poser la question à chaque document, ou appliquer la cascade sans demander
Contact du tiers Paramètres › Documents Sélectionner le contact automatiquement (coché) Cet appareil, ce navigateur À la sélection d'un tiers, reprend son contact principal dans l'en-tête du document
Colonnes du tableau de saisie Bouton Colonnes de l'éditeur de document Colonnes cochées, dans l'ordre de cochage Cet écran, cet appareil Choisit les colonnes visibles parmi celles proposées. Ventes, achats, stock et documents internes ont chacun leur propre sélection. Les colonnes masquées par votre dossier ne sont pas proposées

Capture à venir

Fiche avec les zones vides masquées — identifiant application/personnalisation-fiche-compacte. L'image sera ajoutée lors de la prochaine campagne de captures.

Langue et formats

Paramètre Où le régler Valeurs (défaut en gras) Portée et persistance Effet
Langue Paramètres › Apparence Français, English, Español Cet appareil, ce navigateur Change la langue de toute l'interface, immédiatement
Devise par défaut Paramètres › Apparence Codes de devise proposés par vos dossiers — défaut EUR Cet appareil, ce navigateur Devise cible pour consolider les montants quand des sociétés tenues dans des devises différentes sont sélectionnées ensemble

Réglages par écran

Le panneau Paramètres n'est pas figé : chaque écran peut y ajouter sa propre section, qui apparaît dans le rail entre les sections générales et les deux dernières (Aides et Réinitialiser).

Section Apportée par Ce qu'on y règle
Documents Les écrans de documents de vente, d'achat, de stock et internes Récapitulatif, densité des lignes, remises multiples, contact du tiers (tableau ci-dessus). Les quatre écrans partagent ces réglages
Indicateurs L'écran des indicateurs Afficher les indicateurs (interrupteur global, activé par défaut), Style des cartes (Teinte, Bandeau, Filigrane), Largeur des cartes (Étirées, Fixe), Catalogue des indicateurs, Réinitialiser la disposition — voir Indicateurs clés
Demo L'écran Outils, quand il est installé Une Option de démonstration sans effet métier : cette section sert de démonstration du mécanisme lui-même (voir Vitrine des composants)

En plus de ces sections, certains écrans de liste ont leur propre bouton Paramètres dans le menu Actions. Il ouvre un petit panneau qui ne concerne que cet écran :

  • Afficher les indicateurs (KPIs) — masque ou affiche la ligne d'indicateurs de cet écran seulement ;
  • Afficher les filtres par colonne — surcharge le réglage général pour ce tableau.

Enfin, sur chaque ligne d'indicateurs, les indicateurs épinglés et leur ordre, ainsi que l'état replié de la ligne, sont mémorisés écran par écran.

Si une section ne s'ouvre pas

Le contenu d'une section apportée par un écran ne se charge qu'au moment où vous la sélectionnez. Si le chargement échoue, le message « Cette section de réglages n'a pas pu être chargée. » s'affiche à sa place, sans perturber le reste du panneau.

Sur mobile

  • Le panneau des Paramètres s'ouvre en pleine largeur. Les sections et les réglages sont les mêmes ; seul l'aperçu en direct derrière le panneau n'existe pas.
  • Le mode de navigation et l'ordre des menus ne sont pas proposés : la navigation mobile est une barre d'onglets en bas d'écran, dont le contenu est dérivé du menu.
  • Dans la saisie d'un document, quand les lignes deviennent nombreuses, une bascule Cartes / Liste apparaît au-dessus du tableau ; votre choix est mémorisé. Tant que le document reste court, la vue Cartes s'impose et la bascule n'apparaît pas.
  • L'application invite à repasser en portrait si le téléphone est tenu en paysage.

Pas à pas

Passer en mode sombre

  1. Cliquez sur la roue Paramètres dans la barre du haut.
  2. Section Apparence, ligne Clair / Sombre.
  3. Choisissez Sombre — ou Système pour suivre automatiquement votre ordinateur.

Le changement est immédiat et vaut pour tous les écrans, y compris les tableaux et les graphiques.

Enregistrer la disposition d'une liste

Il n'y a rien à enregistrer : la disposition d'une liste est retenue toute seule.

  1. Ouvrez la liste et arrangez-la : masquez des colonnes, déplacez-les, changez leur largeur, triez, posez des filtres.
  2. Attendez un instant : la disposition est écrite automatiquement.
  3. Revenez plus tard sur cet écran : vous le retrouvez tel que vous l'aviez laissé.

Pour repartir de la présentation d'origine : Paramètres › Tableaux › Mise en page des tableaux, puis Réinitialiser les colonnes sur la ligne du tableau concerné. Le bouton Réinitialiser tous les tableaux demande confirmation (« Réinitialiser la disposition de toutes vos grilles ? Cette action est irréversible. »).

Réordonner le menu

  1. Paramètres › Navigation › Ordre des menus.
  2. Saisissez une entrée par sa poignée et faites-la glisser à sa nouvelle place. Vous pouvez aussi la déposer sous une autre entrée pour l'y ranger.
  3. Le crayon renomme l'entrée, l'œil la masque.
  4. Réinitialiser l'ordre et Réafficher tout annulent ces personnalisations.

Épingler un écran

  1. Ouvrez l'écran à épingler.
  2. Cliquez sur l'étoile de la barre du haut (« Ajouter aux favoris »).
  3. L'écran rejoint la section Favoris du menu. Un second clic sur l'étoile l'en retire.

Questions fréquentes

Mes réglages suivent-ils d'un ordinateur à l'autre ?

Non. Ils sont enregistrés dans le navigateur que vous utilisez. Sur un autre poste, un autre navigateur ou une fenêtre de navigation privée, vous retrouvez les valeurs par défaut. Un thème complet fait exception par un détour : Exporter sur le poste d'origine, Importer un thème sur le nouveau.

Est-ce que je change l'affichage de mes collègues ?

Non. Aucun de ces réglages n'est partagé. Un administrateur peut en revanche masquer des éléments pour certains utilisateurs ; c'est un mécanisme distinct, décrit dans la référence complète.

J'ai importé un logo, il n'apparaît pas.

Vérifiez le mode en cours : le logo clair sert en thème clair, le logo sombre en thème sombre. Si vous n'en avez importé qu'un seul, il sert dans les deux modes. Le fichier doit être un png, jpg, svg, webp ou gif de 400 Ko au plus ; au-delà, le message « Logo trop volumineux » s'affiche.

J'ai choisi un thème et mes couleurs ont changé.

C'est le principe : un thème porte une palette entière. Vos ajustements de couleurs faits avant restent appliqués par-dessus, mais choisir un autre thème repart de sa palette à lui. Pour revenir à vos couleurs, recliquez sur le thème actif pour le désactiver.

Une fiche est très longue, avec beaucoup de lignes vides.

Paramètres › Apparence › Zones vides des fiches › Masquées. Les lignes sans valeur, ainsi que les blocs et les cartes entièrement vides, disparaissent.

Comment tout remettre d'origine ?

Paramètres › Réinitialiser › Réinitialiser mes réglages. Thème et couleurs, menus, tableaux et leurs dispositions, indicateurs, favoris, langue et devise repartent de zéro. Votre session, vos sociétés sélectionnées et l'exercice en cours sont conservés.

Voir aussi