> 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-concepts-de-base/editer-le-contenu.md).

# Éditer le contenu

## 💎 Une App à votre image

Avec Ksaar, votre Application se personnalise à l'image de votre entreprise.

La structure de base reste la même mais vos couleurs, votre logo, la structure de vos pages (lignes, colonnes), leurs arrières plans... vous permettront de créer une expérience utilisateur agréable, qui s'adapte à tous les devices et surtout qui VOUS ressemble.

## **⚙️ Paramètre de l'Application**

Rendez-vous maintenant dans l'onglet **Paramètres** > **Design** pour les ajustements visuels de votre application.

<figure><img src="/files/9Hg90qSBhMs86k2XoQDG" alt=""><figcaption></figcaption></figure>

### 🖥 Navigateur

Déterminez le nom de la page ainsi que la [Favicon](/ksaar-documentation/en-savoir-plus/le-dico-ksaar.md#favicon) de votre application et découvrez l'aperçu en temps réel ✨.

<figure><img src="/files/zeo1cz7xR7hZ2XiBoKsG" alt="" width="563"><figcaption></figcaption></figure>

### 👮🏻‍♂️ Polices

Choisissez la **taille, l'épaisseur et la couleur** des différentes balises de titre, paragraphe lorsque vous utiliserez l'éditeur de texte. Déterminez également ces paramètres pour pour les intitulés de champs (form).

Prévisualisez le rendu en temps réel ✨.

<figure><img src="/files/GBXJBDDTf4HOJIRNHmHb" alt="" width="563"><figcaption></figcaption></figure>

### 🖼️ Style

Bien que vous l'ayez déterminé lors de la création de votre App, vous pouvez changer son logo et sa couleur dans cet onglet.

Vous pouvez également définir ici les couleurs par défaut, réutilisables facilement dans tout Ksaar pour garantir une cohérence visuelle, ainsi qu’ajouter un script injecté dans le `<head>` de vos pages.

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

## 🔨 **Composer votre Page**

Dans chaque Page, vous pouvez ajouter puis paramétrer des **Colonnes et des Lignes** pour afficher vos [éléments](/ksaar-documentation/les-elements/les-elements.md) comme bon vous semble.&#x20;

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

{% hint style="info" %}
Pensez au sens de lecture de l'utilisateur notamment pour le remplissage de données. 😉
{% endhint %}

## 🖍 Personnaliser votre Page

Vous pouvez afficher une **Image** ou une **Couleur en arrière plan** d’une ligne ou d'une colonne et **décider sur quel device vous souhaitez les masquer/afficher**.

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

{% hint style="info" %}
Vous pouvez [Drag\&Droper](/ksaar-documentation/en-savoir-plus/le-dico-ksaar.md#drag-and-drop) vos champs pour organiser votre page plus facilement.
{% endhint %}


---

# 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:

```
GET https://ksaar.gitbook.io/ksaar-documentation/les-concepts-de-base/editer-le-contenu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
