# 4.08 Widgets

**Chemin** <span style="white-space: pre-wrap;">: </span>***Administration &gt; Configuration &gt; Widgets***<span style="white-space: pre-wrap;"> (/admin/boxes.php) Les widgets sont des composants d'information que les utilisateurs peuvent afficher sur leurs pages pour les personnaliser. Seuls les widgets liés à un module actif sont présentés. La page affiche un tableau unique regroupant deux catégories : 1. Widgets disponibles — non encore activés, proposés en haut du tableau 2. Widgets activés — actifs par défaut pour tous les utilisateurs, avec leur position et leurs contrôles de gestion</span>

<p class="callout info">**Note :** Les widgets activés définissent l'affichage par défaut pour tous les utilisateurs. Chaque utilisateur peut ensuite personnaliser sa propre vue depuis son tableau de bord — ces choix personnels ne sont pas affectés par les modifications du tableau de bord par défaut.</p>

Pour activer un widget : repérez-le dans la partie haute du tableau, sélectionnez la page cible dans la liste déroulante, puis cliquez sur Activer. Les widgets signalés par une icône d'avertissement peuvent ralentir l'interface s'ils effectuent des requêtes lourdes. À activer avec précaution sur des bases volumineuses.

### **Liste des widgets disponibles dans Keatic ERP 24**

<table id="bkmrk-%23widgetgraphique1inf" style="border-collapse: collapse; width: 100%; font-family: Consolas, monospace; font-size: 14px;"><colgroup><col></col><col></col><col></col></colgroup><tbody><tr style="background-color: rgb(2, 121, 145); color: rgb(255, 255, 255);"><th class="align-left" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: left;"><span style="color: rgb(0, 0, 0);">\#</span>

</th><th class="align-left" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: left;">Widget

</th><th class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">Graphique

</th></tr><tr style="background-color: rgb(220, 241, 245);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">1</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Informations de connexion

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(255, 255, 255);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">2</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Commandes fournisseurs par mois

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">✓

</td></tr><tr style="background-color: rgb(220, 241, 245);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">3</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Plus anciennes factures fournisseurs impayées

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(255, 255, 255);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">4</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Dernières commandes fournisseur

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="height: 10px; background-color: rgb(220, 241, 245);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">5</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Plus anciennes factures clients impayées

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(255, 255, 255);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">6</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Factures clients par mois

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">✓

</td></tr><tr style="background-color: rgb(220, 241, 245);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">7</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Balance des comptes ouverts

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(255, 255, 255);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">8</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Produits en alerte de stock

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(220, 241, 245);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">9</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Dernières interventions

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(255, 255, 255);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">10</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Anniversaires de ce mois (utilisateurs)

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(220, 241, 245);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">11</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Événements les plus anciens à faire

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(255, 255, 255);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">12</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Derniers clients modifiés

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(220, 241, 245);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">13</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Derniers contacts/adresses

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(255, 255, 255);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">21</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Dernières factures clients

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(220, 241, 245);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">22</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Clients dont l'en-cours de facturation est dépassé

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(255, 255, 255);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">23</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Les derniers produits/services enregistrés

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(220, 241, 245);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">24</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Répartition des produits/services

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">✓

</td></tr><tr style="background-color: rgb(255, 255, 255);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">25</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Plus anciens services expirés

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(220, 241, 245);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">26</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Statistiques sur les principaux objets métier

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(255, 255, 255);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">27</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Les prochains événements à venir

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(220, 241, 245);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">28</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Derniers prospects modifiés

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(255, 255, 255);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">29</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Proposition par mois

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">✓

</td></tr><tr style="background-color: rgb(220, 241, 245);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">30</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Dernières commandes clients

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(255, 255, 255);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">31</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Dernières expéditions clients

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr><tr style="background-color: rgb(220, 241, 245);"><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;"><span style="color: rgb(0, 0, 0);">32</span>

</td><td style="border: 1px solid rgb(153, 153, 153); padding: 8px;">Les derniers produits/services contractés

</td><td class="align-center" style="border: 1px solid rgb(153, 153, 153); padding: 8px; text-align: center;">—

</td></tr></tbody></table>

### **Cache des fichiers widgets**

<span style="white-space: pre-wrap;">En bas de page, une option permet d'activer la mise en cache du contenu des widgets dans des fichiers temporaires (constante </span>**MAIN\_ACTIVATE\_FILECACHE**, durée : 900 secondes soit 15 minutes). Réduit la charge serveur pour les widgets affichant des données calculées.