[{"data":1,"prerenderedAt":452},["ShallowReactive",2],{"\u002Fnext\u002Fdodock\u002Ffonctionnalites\u002Fimpression\u002Fformats-impression-personnalises":3,"section:\u002Fnext\u002Fdodock\u002Ffonctionnalites\u002Fimpression\u002Fformats-impression-personnalises":451},{"id":4,"title":5,"body":6,"description":437,"extension":438,"meta":439,"navigation":440,"path":447,"seo":448,"stem":449,"__hash__":450},"docs\u002F2.next\u002F3.dodock\u002F04.fonctionnalites\u002F11.impression\u002Fformats-impression-personnalises.md","Formats d'impression personnalisés",{"type":7,"value":8,"toc":415},"minimark",[9,13,22,27,59,71,75,78,99,103,106,111,132,149,153,167,171,175,181,228,250,254,270,274,277,281,284,288,294,306,310,313,333,336,340,343,349,353,360,412],[10,11,5],"h1",{"id":12},"formats-dimpression-personnalisés",[14,15,16,17,21],"p",{},"Le ",[18,19,20],"strong",{},"constructeur de format d'impression"," permet de créer des formats d'impression personnalisés pour vos documents (factures, devis, bons de commande, etc.) sans écrire de code. Il s'agit d'un éditeur visuel qui affiche en temps réel les modifications que vous apportez.",[23,24,26],"h2",{"id":25},"accéder-au-constructeur","Accéder au constructeur",[28,29,30,38,41,48],"ol",{},[31,32,33,34,37],"li",{},"Ouvrez le document pour lequel vous souhaitez créer un format d'impression (par exemple, une ",[18,35,36],{},"Facture de vente",").",[31,39,40],{},"Ouvrez son aperçu d'impression.",[31,42,43,44,47],{},"Cliquez sur ",[18,45,46],{},"Menu > Personnaliser",".",[31,49,50,51,54,55,58],{},"Si le format affiché est standard, saisissez le ",[18,52,53],{},"Nouveau format d'impression"," et cliquez sur ",[18,56,57],{},"Démarrer",". Dokos ouvre une copie dans le constructeur. Si c'est un de vos formats, Dokos l'ouvre directement.",[14,60,61,62,65,66,47],{},"Vous pouvez aussi créer le format depuis la liste ",[18,63,64],{},"Format d'impression"," : voir ",[67,68,70],"a",{"href":69},"\u002Fnext\u002Fdodock\u002Ffonctionnalites\u002Fimpression\u002Fconstructeur-de-format-dimpression","Créer et modifier un format d'impression",[23,72,74],{"id":73},"interface-du-constructeur","Interface du constructeur",[14,76,77],{},"Le constructeur se compose de trois zones principales :",[79,80,81,87,93],"ul",{},[31,82,83,86],{},[18,84,85],{},"La zone de prévisualisation (canevas)"," : affiche le document tel qu'il apparaîtra à l'impression ou à l'export PDF.",[31,88,89,92],{},[18,90,91],{},"L'inspecteur de champs"," : panneau latéral où vous ajustez les propriétés du champ sélectionné (largeur, alignement, style, format).",[31,94,95,98],{},[18,96,97],{},"La liste des champs"," : arborescence de tous les champs disponibles que vous pouvez ajouter à votre format.",[23,100,102],{"id":101},"personnaliser-un-champ","Personnaliser un champ",[14,104,105],{},"Lorsque vous cliquez sur un champ dans le canevas ou dans la liste, l'inspecteur affiche les propriétés modifiables pour ce champ. Les options disponibles dépendent du type de champ sélectionné.",[107,108,110],"h3",{"id":109},"propriétés-générales","Propriétés générales",[14,112,113,114,117,118,117,121,117,124,127,128,131],{},"Les propriétés d'un champ sont réparties dans les groupes ",[18,115,116],{},"Champ",", ",[18,119,120],{},"Style",[18,122,123],{},"Disposition",[18,125,126],{},"CSS personnalisé"," et ",[18,129,130],{},"Visibilité",". Par exemple :",[79,133,134,139,144],{},[31,135,136,138],{},[18,137,116],{}," : libellé, affichage du libellé, format de date.",[31,140,141,143],{},[18,142,120],{}," : gras, taille de police, couleur de l'étiquette et couleur de la valeur.",[31,145,146,148],{},[18,147,123],{}," : alignement (gauche, centre ou droite), taille, espacement.",[23,150,152],{"id":151},"champs-de-type-date-et-dateheure","Champs de type Date et DateHeure",[14,154,155,156,127,159,162,163,166],{},"Les champs ",[18,157,158],{},"Date",[18,160,161],{},"DateHeure"," disposent d'une option supplémentaire dans l'inspecteur : le ",[18,164,165],{},"Format de date",". Cette option n'apparaît que lorsqu'un champ de ce type est sélectionné.",[168,169,170],"mermaid",{},"\nflowchart LR\n    A[Sélectionner un champ Date ou DateHeure] --> B[L'inspecteur affiche l'option Format de date]\n    B --> C[Choisir un format dans la liste]\n    C --> D[Le canevas affiche la date selon le format choisi]\n    D --> E[L'impression PDF et l'export Typst appliquent le même format]\n",[107,172,174],{"id":173},"choisir-un-format-de-date","Choisir un format de date",[14,176,177,178,180],{},"La liste déroulante ",[18,179,165],{}," présente plusieurs formats standards. Chaque option est illustrée avec la date du jour, ce qui vous permet de visualiser immédiatement le rendu de chaque format :",[79,182,183,186],{},[31,184,185],{},"« Valeur système par défaut » (premier choix) : le format de date défini pour votre site.",[31,187,188,189,117,193,117,196,117,199,117,202,117,205,117,208,117,211,117,214,127,217,220,221,224,225,47],{},"Dix autres formats : ",[190,191,192],"code",{},"dd-mm-yyyy",[190,194,195],{},"mm-dd-yyyy",[190,197,198],{},"yyyy-mm-dd",[190,200,201],{},"dd\u002Fmm\u002Fyyyy",[190,203,204],{},"dd.mm.yyyy",[190,206,207],{},"d MMM yyyy",[190,209,210],{},"d MMMM yyyy",[190,212,213],{},"MMM d, yyyy",[190,215,216],{},"MMMM d, yyyy",[190,218,219],{},"EEE, d MMM yyyy",". La liste les affiche avec la date du jour, par exemple ",[190,222,223],{},"25\u002F09\u002F2026"," ou ",[190,226,227],{},"25 septembre 2026",[229,230,231,232],"tip",{},"Exemple",[14,233,234,235,237,238,242,243,246,247,249],{},"Exemple fictif : votre site utilise le format de date ",[190,236,195],{},". Le champ ",[239,240,241],"em",{},"Date d'échéance"," de vos factures s'affiche par exemple ",[190,244,245],{},"09-25-2026",". En sélectionnant ce champ dans le constructeur et en choisissant le format ",[190,248,227],{},", toutes vos factures imprimées afficheront désormais la date d'échéance dans un format lisible et naturel pour vos clients.",[107,251,253],{"id":252},"champs-dateheure","Champs DateHeure",[14,255,256,257,259,260,262,263,266,267,47],{},"Pour les champs ",[18,258,161],{},", le format sélectionné s'applique à la partie date. L'heure, elle, conserve toujours le format d'heure défini dans les paramètres du site. Par exemple, si vous choisissez le format ",[190,261,227],{}," pour un champ DateHeure dont la valeur est ",[190,264,265],{},"2026-09-25 14:30:00",", l'impression affichera ",[190,268,269],{},"25 septembre 2026 14:30:00",[107,271,273],{"id":272},"comportement-par-défaut","Comportement par défaut",[14,275,276],{},"Si aucun format de date n'est explicitement choisi pour un champ, la date s'affiche exactement comme avant, c'est-à-dire selon le format par défaut du système. Le réglage d'un format de date par champ n'a aucun impact sur les autres champs du document.",[23,278,280],{"id":279},"tableaux-et-colonnes","Tableaux et colonnes",[14,282,283],{},"Les documents contiennent souvent des tableaux (lignes d'articles, lignes de facturation, etc.). Dans le constructeur, chaque colonne d'un tableau possède son propre éditeur accessible en cliquant sur l'en-tête de la colonne.",[107,285,287],{"id":286},"format-de-date-dune-colonne","Format de date d'une colonne",[14,289,290,291,293],{},"Si une colonne de tableau contient des valeurs de type Date ou DateHeure, l'éditeur de colonne propose la même option ",[18,292,165],{}," que pour un champ individuel. Le format choisi s'applique à toutes les valeurs de cette colonne pour chaque ligne du tableau.",[229,295,231,296],{},[14,297,298,299,302,303,305],{},"Dans une facture, le tableau des articles contient une colonne ",[239,300,301],{},"Date de livraison"," de type Date. En cliquant sur l'en-tête de cette colonne, vous pouvez définir le format ",[190,304,223],{},". Toutes les dates de livraison du tableau s'afficheront alors dans ce format, indépendamment du format appliqué aux champs de date situés en dehors du tableau.",[23,307,309],{"id":308},"export-pdf-et-typst","Export PDF et Typst",[14,311,312],{},"Le format de date défini par champ s'applique de manière cohérente à tous les supports d'impression :",[79,314,315,321,327],{},[31,316,317,320],{},[18,318,319],{},"Impression navigateur (Chrome)"," : le canevas reflète directement le format choisi.",[31,322,323,326],{},[18,324,325],{},"Export PDF"," : le PDF généré par le serveur applique le même format.",[31,328,329,332],{},[18,330,331],{},"Export Typst"," : les documents Typst appliquent également le format de date défini pour chaque champ.",[168,334,335],{},"\nflowchart TB\n    subgraph Sources\n        C[Canevas du constructeur]\n        P[Impression Chrome]\n        E[Export PDF serveur]\n        T[Export Typst]\n    end\n    subgraph Configuration\n        F[Format de date par champ]\n    end\n    F --> C\n    F --> P\n    F --> E\n    F --> T\n",[23,337,339],{"id":338},"langue-et-noms-de-mois","Langue et noms de mois",[14,341,342],{},"Les noms de mois et de jours utilisés dans les formats de date (par exemple, « septembre », « mercredi ») suivent la langue de l'utilisateur qui consulte le document. Si votre profil utilisateur est configuré en français, les noms s'afficheront en français, même si le format de date choisi est un format international.",[229,344,345,346],{},"Bon à savoir",[14,347,348],{},"Pour les langues dont la grammaire inflète les noms de mois et de jours (comme le polonais ou le russe), Dokos adapte automatiquement la forme du nom pour correspondre à la manière dont il apparaîtrait dans une phrase complète imprimée.",[23,350,352],{"id":351},"exemple-complet-personnaliser-une-facture","Exemple complet : personnaliser une facture",[14,354,355,356,359],{},"Exemple fictif : ",[18,357,358],{},"Maison Verte SARL"," est un client inventé.",[28,361,362,370,375,381,389,395,403,406],{},[31,363,364,365,367,368,47],{},"Ouvrez une ",[18,366,36],{}," adressée à ",[239,369,358],{},[31,371,372,373,47],{},"Ouvrez l'aperçu d'impression, puis cliquez sur ",[18,374,46],{},[31,376,377,378,47],{},"Dans le constructeur, sélectionnez le champ ",[18,379,380],{},"Date de facturation",[31,382,383,384,386,387,47],{},"Dans l'inspecteur, sous ",[18,385,165],{},", choisissez ",[190,388,227],{},[31,390,391,392,394],{},"Sélectionnez le champ ",[18,393,241],{}," et choisissez le même format.",[31,396,397,398,400,401,47],{},"Dans le tableau des articles, cliquez sur l'en-tête de la colonne ",[18,399,301],{}," (si elle existe) et définissez le format ",[190,402,223],{},[31,404,405],{},"Le canevas affiche immédiatement les dates dans les formats choisis.",[31,407,43,408,411],{},[18,409,410],{},"Enregistrer et appliquer",", puis imprimez la facture avec ce format.",[14,413,414],{},"La facture finale affiche les dates dans un format clair et adapté à vos clients francophones, tout en conservant un format compact pour les dates internes du tableau d'articles.",{"title":416,"searchDepth":417,"depth":418,"links":419},"",1,2,[420,421,422,426,431,434,435,436],{"id":25,"depth":418,"text":26},{"id":73,"depth":418,"text":74},{"id":101,"depth":418,"text":102,"children":423},[424],{"id":109,"depth":425,"text":110},3,{"id":151,"depth":418,"text":152,"children":427},[428,429,430],{"id":173,"depth":425,"text":174},{"id":252,"depth":425,"text":253},{"id":272,"depth":425,"text":273},{"id":279,"depth":418,"text":280,"children":432},[433],{"id":286,"depth":425,"text":287},{"id":308,"depth":418,"text":309},{"id":338,"depth":418,"text":339},{"id":351,"depth":418,"text":352},"Choisir le format d'affichage des dates dans un format d'impression du constructeur visuel.","md",{"reviewed":440,"last_verified":441,"sources":442},true,"2026-11-04",[443,444,445,446],"frappe\u002Fprinting\u002Fpage\u002Fprint\u002Fprint.js","frappe\u002Fpublic\u002Fjs\u002Fprint_format_builder\u002Futils.js","frappe\u002Fpublic\u002Fjs\u002Fprint_format_builder\u002Fcomponents\u002Finspector\u002Ffield_properties.js","frappe\u002Fpublic\u002Fjs\u002Fprint_format_builder\u002Fcomponents\u002Finspector\u002FTableFieldInspector.vue","\u002Fnext\u002Fdodock\u002Ffonctionnalites\u002Fimpression\u002Fformats-impression-personnalises",{"title":5,"description":437},"2.next\u002F3.dodock\u002F04.fonctionnalites\u002F11.impression\u002Fformats-impression-personnalises","xuQsLFtZ7RKe73j-JYkcFgASK3aMNqLd0_87p3KqAA0",{},1793871762498]