> For the complete documentation index, see [llms.txt](https://ksaar.gitbook.io/ksaar-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ksaar.gitbook.io/ksaar-documentation/les-workflows/les-pages.md).

# Les Pages

## 📋 Ajouter des Pages

La première étape consiste donc à ajouter une Page et de lui donner une structure visuelle avant d'y insérer des éléments. 

### 1️⃣ Structurer vos pages

Dans chaque Page, vous pouvez ajouter puis **paramétrer des Colonnes et des Lignes** pour afficher vos éléments.

Cliquez sur le + pour ajouter une Ligne puis définissez une structure d'affichage des colonnes. Ksaar a déterminé pour vous plusieurs modèles pour vous permettre d'aller plus vite mais vous pourrez à tout moment ajouter ou supprimer des colonnes et modifier leurs tailles.

<figure><img src="/files/vFuFzVrgmvhAX5hE8OAU" alt=""><figcaption></figcaption></figure>

Au survol de votre ligne, plusieurs options sont possibles :

<figure><img src="/files/AVqDSM5L8lmgmzVaGotr" alt="" width="180"><figcaption></figcaption></figure>

👉🏼 Pour en savoir plus concernant la personnalisation visuelle de votre App :

{% content-ref url="/pages/-MQR1-xDYtQFLxdx61VN" %}
[Éditer le contenu](/ksaar-documentation/les-concepts-de-base/editer-le-contenu.md)
{% endcontent-ref %}

### 2️⃣ Remplir vos pages

Une fois le Workflow créé, il vous faut maintenant le garnir de Pages en y ajoutant des éléments afin de **collecter des données, ajouter des médias, afficher des données sous différentes formes...**&#x20;

<figure><img src="/files/IMhCNNebpuaV6qKxepCS" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Pour tous les détails sur les Éléments rendez-vous sur la page dédiée 🔽
{% endhint %}

{% content-ref url="/pages/-MR4QBaqf0mx48kSOQwu" %}
[Les éléments](/ksaar-documentation/les-elements/les-elements.md)
{% endcontent-ref %}

### ☝🏼 Les Conditions dans les Pages du Workflow

**Vous pouvez conditionner l'affichage :**&#x20;

* d'une colonne en particulier
* d'une ligne entière

**Les lignes et Colonnes de vos Pages peuvent être conditionnées :**&#x20;

* en fonction de la réponse à un champ Utilisateur (identifiés par le (U) devant leur nom)&#x20;
* en fonction de la réponse à un champ du Workflow&#x20;
* en fonction de la réponse à un champ d'une liaison
* en fonction du persona de l'utilisateur connecté ou d'un utilisateur en particulier

**Conditionner l'affichage d'une colonne en particulier**

* Au survol de la ligne, cliquez sur l'option "Paramètre de la ligne"
* Cliquez sur l'onglet "Colonne" dans la barre de droite
* Sélectionnez la colonne dont vous souhaitez conditionner l'affichage.&#x20;
* Ouvrez le menu déroulant "Affichage Conditionnel" puis sur le bouton "Définir les conditions"
* Une pop-up s'ouvre, vous pouvez ajouter les conditions de votre choix&#x20;

\
👉🏼 Par exemple, je souhaite que la Colonne 2 qui contient le champ "Fichier" s'affiche uniquement si la réponse au champ du Workflow "Niveau de difficulté" = "Intermédiaire" ou "Expert"

<figure><img src="/files/ntVClpe2CYDIn42vstQS" alt=""><figcaption><p>Affichage Conditionnel d'une colonne en fonction de l'utilisateur connecté</p></figcaption></figure>

**▪️ Conditionner l'affichage d'une ligne**

* Au survol de la ligne, cliquez sur l'option "Paramètre de la ligne"
* Cliquez sur l'onglet "Row", dans la barre de droite, puis "Affichage Conditionnel"
* Cliquez sur "Définir les conditions" et Créez la Condition souhaitée<br>

👉🏼 Par exemple, je souhaite que telle Ligne contenant tel(s) élément(s) s'affiche uniquement pour l'Utilisateur dont le nom de famille est Dupont.

<figure><img src="/files/MGT6oQHKRK89VuwXodWw" alt=""><figcaption><p>Affichage Conditionnel d'une Ligne en fonction de la réponse à un Champ Utilisateur</p></figcaption></figure>


---

# 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 dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://ksaar.gitbook.io/ksaar-documentation/les-workflows/les-pages.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.