> For the complete documentation index, see [llms.txt](https://help.ingeneo.septeo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.ingeneo.septeo.com/ingeneo-compta/fonctionnement-general/ergonomie-commune/composition-d-une-page.md).

# Composition d'une page

{% hint style="info" %}
**Où le trouver :** Pages communes à tous les modules : rubrique **Généralités** de l'aide
{% endhint %}

{% hint style="success" %}
**En bref** — Cette page de présentation décrit les parties que l'on retrouve, de haut en bas, sur tout écran de module : barre d'en-tête, menus, fil d'Ariane, espace de travail et bouton de création.

* Pour ouvrir un autre écran du module : pastille orange du menu, à droite du nom du module dans la barre d'en-tête.
* Pour créer un élément : bouton orange en bas à droite de l'écran-liste (par exemple \[+ Créer un panel]).
  {% endhint %}

Quand vous ouvrez un module, vous arrivez sur un écran de module. Il est composé de parties que l'on retrouve toujours dans le même ordre, de haut en bas. L'exemple ci-dessous est celui d'un écran-liste.

<figure><img src="https://1749505356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsqvpjaTjbT3U5Je3PY7Y%2Fuploads%2FzbxmXdn0c8byGlTmCFyM%2F1-composition-d-une-page.jpg?alt=media" alt="Écran Composition d&#x27;une page"><figcaption><p>Écran « Composition d'une page » de la nouvelle interface</p></figcaption></figure>

## La barre d'en-tête

<figure><img src="https://1749505356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsqvpjaTjbT3U5Je3PY7Y%2Fuploads%2FMUlq6N1fGxYsZFwwIiuU%2F1-cm9020-11-la-barre-d-en-tete.png?alt=media" alt="Composition d&#x27;une page, Rubrique « La barre d&#x27;en-tête »"><figcaption><p>Rubrique « La barre d'en-tête »</p></figcaption></figure>

Elle porte le logo, le module courant, les menus du module, la société, le dossier annuel et l'interrupteur clair / sombre. Elle est décrite dans la page « Barre d'en-tête ».

## Les menus du module

<figure><img src="https://1749505356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsqvpjaTjbT3U5Je3PY7Y%2Fuploads%2Ff1UCRJIhnh0JHxfW0k4H%2F1-cm9020-12-les-menus-du-module.png?alt=media" alt="Composition d&#x27;une page, Rubrique « Les menus du module »"><figcaption><p>Rubrique « Les menus du module »</p></figcaption></figure>

Il n'y a pas de barre de menus séparée : les menus du module sont des pastilles orange, à droite du nom du module dans la barre d'en-tête. Un module qui n'a qu'un menu n'affiche qu'une pastille.

## Le fil d'Ariane

<figure><img src="https://1749505356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsqvpjaTjbT3U5Je3PY7Y%2Fuploads%2F6yTnlSs7Z21tfdW7YO1H%2F1-cm9020-13-le-fil-d-ariane.png?alt=media" alt="Composition d&#x27;une page, Rubrique « Le fil d&#x27;Ariane »"><figcaption><p>Rubrique « Le fil d'Ariane »</p></figcaption></figure>

Sous la barre, une flèche « Revenir en arrière » précède le fil d'Ariane, qui indique le module, puis l'écran dans lequel vous êtes (par exemple « Panels > Panels »).

## L'espace de travail

<figure><img src="https://1749505356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsqvpjaTjbT3U5Je3PY7Y%2Fuploads%2FMEBjgLcI1PupczBGNupv%2F1-cm9020-14-l-espace-de-travail.png?alt=media" alt="Composition d&#x27;une page, Rubrique « L&#x27;espace de travail »"><figcaption><p>Rubrique « L'espace de travail »</p></figcaption></figure>

<figure><img src="https://1749505356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsqvpjaTjbT3U5Je3PY7Y%2Fuploads%2FiebcvoRN9kIydnXLzNaE%2F1-cm9020-15-barre-d-outils-de-la-grille.png?alt=media" alt="Composition d&#x27;une page, Rubrique « Barre d&#x27;outils de la grille »"><figcaption><p>Rubrique « Barre d'outils de la grille »</p></figcaption></figure>

<figure><img src="https://1749505356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsqvpjaTjbT3U5Je3PY7Y%2Fuploads%2FhSmvHUfwINykxkwq3gyI%2F1-cm9020-16-la-grille.png?alt=media" alt="Composition d&#x27;une page, Rubrique « La grille »"><figcaption><p>Rubrique « La grille »</p></figcaption></figure>

<figure><img src="https://1749505356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsqvpjaTjbT3U5Je3PY7Y%2Fuploads%2FfCk1KuQ1NTrW4zFaadGT%2F1-cm9020-19-barre-d-outils-de-la-grille.png?alt=media" alt="Composition d&#x27;une page, Rubrique « Barre d&#x27;outils de la grille »"><figcaption><p>Rubrique « Barre d'outils de la grille »</p></figcaption></figure>

<figure><img src="https://1749505356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsqvpjaTjbT3U5Je3PY7Y%2Fuploads%2F4ZjnRnW5KkXTY6BEvTTX%2F1-cm9020-20-barre-d-outils-de-la-grille.png?alt=media" alt="Composition d&#x27;une page, Rubrique « Barre d&#x27;outils de la grille »"><figcaption><p>Rubrique « Barre d'outils de la grille »</p></figcaption></figure>

<figure><img src="https://1749505356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsqvpjaTjbT3U5Je3PY7Y%2Fuploads%2FNDS28Q6XYcOkQUKww1Ti%2F1-cm9020-21-barre-d-outils-de-la-grille.png?alt=media" alt="Composition d&#x27;une page, Rubrique « Barre d&#x27;outils de la grille »"><figcaption><p>Rubrique « Barre d'outils de la grille »</p></figcaption></figure>

Il occupe la plus grande partie de l'écran, dans une carte. Sur un écran-liste, la carte comporte la barre d'outils de la grille, puis la grille.

**Barre d'outils de la grille**

À gauche, un champ de recherche (par exemple « Rechercher un panel… »), le bouton \[Filtres] et un rappel des raccourcis (« / recherche · Ctrl+Maj+F filtres · Ctrl+Maj+V vue »). À droite, les boutons \[Vue] et \[Exporter].

| Champ        | Ce qu'il faut savoir                                                                                                                                                                                                                                                                                                                                                                    |
| ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Filtres**  | Le menu « FILTRER » indique « Aucun critère. Choisissez une colonne pour commencer. » ; la liste « + Ajouter un critère sur… » propose les colonnes, le lien « Vider les filtres » retire les critères et le bouton \[Filtrer] applique ceux que vous avez posés.                                                                                                                       |
| **Vue**      | « MES VUES » liste vos vues enregistrées et propose « + Enregistrer la vue actuelle » ; « COLONNES AFFICHÉES » propose un champ « Rechercher une colonne… » et permet de cocher les colonnes à afficher, avec un compteur du type « 3 colonnes affichées sur 4 ». Le lien « Rétablir les colonnes d'origine » revient à l'affichage initial, et le bouton \[Appliquer] valide le choix. |
| **Exporter** | Le menu concerne la liste affichée et propose « Aperçu », « Imprimer » (Ctrl+P), « Exporter en Excel », « Exporter en PDF » et « Envoyer la liste par e-mail ».                                                                                                                                                                                                                         |

**La grille**

Les colonnes sont celles de l'écran ; un clic sur l'en-tête d'une colonne la trie. La dernière colonne, sans en-tête, porte le menu « ⋮ » de la ligne, qui propose les commandes de la ligne (par exemple « Modifier » et « Supprimer »). En pied de grille figurent la pagination, les liens « Sélectionner la page » et « Tout sélectionner » (avec le nombre de lignes) et le compteur « 1 à N sur N ».

## La barre de boutons du bas

<figure><img src="https://1749505356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsqvpjaTjbT3U5Je3PY7Y%2Fuploads%2FKfErfjlrOuxXrYpZrL9I%2F1-cm9020-17-la-barre-de-boutons-du-bas.png?alt=media" alt="Composition d&#x27;une page, Rubrique « La barre de boutons du bas »"><figcaption><p>Rubrique « La barre de boutons du bas »</p></figcaption></figure>

En bas de l'écran, un bouton orange, à droite, permet de créer un élément (par exemple « + Créer un panel »). Son libellé est propre à chaque écran ; il ouvre la fiche de création.

## Les panneaux latéraux

<figure><img src="https://1749505356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsqvpjaTjbT3U5Je3PY7Y%2Fuploads%2FA3XDlXJsjRHrrKk3FTDF%2F1-cm9020-18-les-panneaux-lateraux.jpg?alt=media" alt="Composition d&#x27;une page, Rubrique « Les panneaux latéraux »"><figcaption><p>Rubrique « Les panneaux latéraux »</p></figcaption></figure>

La barre latérale de navigation (masquée, elle s'ouvre par la flèche du bord gauche), la fenêtre « Recherche » de la société et les panneaux de droite (« Accès rapide », « Aide & assistant ») s'affichent par-dessus l'écran. Ils sont décrits dans les pages « Page d'accueil » et « Barre d'en-tête ».


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://help.ingeneo.septeo.com/ingeneo-compta/fonctionnement-general/ergonomie-commune/composition-d-une-page.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
