# 🧑‍🎨     Éléments contenus basiques

Les éléments de Contenus Basiques vous permettront de structurer vos Pages, d'établir des redirections et d'ajouter des médias (images, vidéos, documents).

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FIW71Umv9sQkUC08gpm73%2FCapture%20d%E2%80%99e%CC%81cran%202025-08-28%20a%CC%80%2016.06.50.png?alt=media&#x26;token=03dc96fe-b9bd-4c79-8857-e80b19678692" alt="" width="462"><figcaption></figcaption></figure>

Les éléments disponibles sont :&#x20;

<table data-view="cards"><thead><tr><th data-type="content-ref"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><a href="#element-texte">#element-texte</a></td><td></td></tr><tr><td><a href="#element-image">#element-image</a></td><td></td></tr><tr><td><a href="#element-espace-vide">#element-espace-vide</a></td><td></td></tr><tr><td><a href="#element-separateur">#element-separateur</a></td><td></td></tr><tr><td><a href="#element-html">#element-html</a></td><td></td></tr><tr><td><a href="#element-iframe">#element-iframe</a></td><td></td></tr><tr><td><a href="#element-video">#element-video</a></td><td></td></tr><tr><td><a href="#element-document">#element-document</a></td><td></td></tr><tr><td><a href="#element-bouton">#element-bouton</a></td><td></td></tr><tr><td><a href="#elements-continuer-et-precedent">#elements-continuer-et-precedent</a></td><td></td></tr><tr><td><a href="#element-supprimer">#element-supprimer</a></td><td></td></tr><tr><td><a href="#element-carte">#element-carte</a></td><td></td></tr><tr><td><a href="#element-bouton-partage">#element-bouton-partage</a></td><td></td></tr><tr><td><a href="#element-document-cree">#element-document-cree</a></td><td></td></tr></tbody></table>

Les éléments de Plugins vous permettront d’intégrer des fonctionnalités externes à vos Pages

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FOPld3fEegdc8KN4m2QoZ%2FCapture%20d%E2%80%99e%CC%81cran%202025-08-28%20a%CC%80%2018.07.15.png?alt=media&#x26;token=3709d402-85c6-4f74-96d2-0fb3b6459509" alt="" width="467"><figcaption></figcaption></figure>

Les plugins disponibles sont :&#x20;

<table data-view="cards"><thead><tr><th></th><th data-type="content-ref"></th></tr></thead><tbody><tr><td></td><td><a href="#element-conference-video">#element-conference-video</a></td></tr><tr><td></td><td><a href="#element-sketchfab">#element-sketchfab</a></td></tr></tbody></table>

### 🔡 Élément Texte

L'élément Texte vous permet d'ajouter un texte libre sans limite de caractères avec un accès à la mise en forme. \
\
Vous pouvez ainsi paramétrer un paragraphe, un Heading, la typographie, la couleur du texte, la couleur de fond, l'alignement, le format (**gras**, *italique*, souligné, ~~barré~~), ajouter une citation, faire des listes numérotées, des listes à puces, ajuster l'alignement de votre paragraphe, insérer des liens hypertexte et ajouter des images par copier/coller.&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FIDLjmdCcA9QkxhNtZiWf%2FCapture%20d%E2%80%99e%CC%81cran%202022-10-14%20a%CC%80%2008.53.02.png?alt=media&#x26;token=ff4c0a0f-ebef-46bc-b740-438e64719fd2" alt=""><figcaption></figcaption></figure>

### ⎨⎬ Les variables dans l'élément Texte

L'élément texte va également vous permettre d'afficher des Variables dans les Page d'un Workflow, d'un Suivi ou bien d'une Fiche ou encore dans les Pages de l'Espace Personnel.\
\
Dans ce cas, les données affichées par les Variables ne seront pas modifiables par l'Utilisateur.&#x20;

![](https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQBQ-Fk5qKATOA2R2_R%2F-MRZIu-YY-x3GX8b1hMA%2F-MRZKDx1Xc3-iqVy1S7q%2FVariable%20dans%20une%20Page%20d'un%20suivi.png?alt=media\&token=9682afd9-b131-415e-b79e-fc26c7dc81f0)

Prenons l'exemple d'un suivi de facturation, lorsque l'Utilisateur arrivera sur la première étape du Suivi, le titre de la page affichera la Référence de la Facture à la place de {Référence unique facture}.&#x20;

### 🌃 Élément Image

Vous pouvez sélectionner d'ajouter une ou plusieurs images à vos Pages et choisir d'afficher une image de votre ordinateur ou depuis un champ fichier. Cette deuxième option vous permet d'afficher une image importée par l'utilisateur final de votre application (ex : logo d'une entreprise, photo de l'utilisateur final ...) et donc de personnaliser votre application en fonction de l'utilisateur.

Vous pouvez ensuite définir ses paramètres :&#x20;

* l'alignement&#x20;
* la largeur (la hauteur s'ajustera automatiquement pour ne pas déformer l'image)
* décorréler l'image : vous pouvez choisir de modifier la hauteur automatique (attention à la déformation de votre image)&#x20;
* désactiver le style : les paramètres de style par défaut (arrondis et ombres) seront supprimés&#x20;
* la redirection vers : un lien externe, une étape précédente, suivante ou particulière, une Page (si l'image est positionnée dans un Espace Personnel), un Workflow.<br>

Extensions supportées : 'jpg', 'jpeg', 'png', 'gif', 'webp'

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FGKlJ75dFzepKdji89Gc8%2FCapture%20d%E2%80%99e%CC%81cran%202023-04-17%20a%CC%80%2011.20.41.png?alt=media&#x26;token=147d81fd-0c32-43a8-868e-f140339de720" alt=""><figcaption><p>Éditer l'image</p></figcaption></figure>

### ⬜️ Élément Espace vide

Comme son nom l'indique, cet élément vous permet d'insérer des espaces dans les Workflows, Suivi et Fiche pour "aérer" la lecture de leur contenu. Vous pouvez paramétrer la hauteur de votre l'espace en pixel.&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2F2qw1DWMOGqkFce82qQyL%2FCapture%20d%E2%80%99e%CC%81cran%202022-10-14%20a%CC%80%2009.05.58.png?alt=media&#x26;token=4b45eccb-81be-4cdf-9473-a8d113ce7167" alt=""><figcaption></figcaption></figure>

### ➖Élément Séparateur

L'élément Séparateur permet d’insérer une ligne séparatrice entre deux éléments. Ce type d'élément est disponible sur toutes les pages d'une application. Le Maker peut définir sa couleur, son épaisseur, sa largeur, son style et sa disposition.

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2F7fQ6ZWppdTQ6XzrSdHK4%2FCapture%20d%E2%80%99e%CC%81cran%202023-03-22%20a%CC%80%2011.10.50.png?alt=media&#x26;token=86897595-67b6-4beb-83e5-6de9ff2a1057" alt=""><figcaption></figcaption></figure>

### 🧑🏽‍💻  Élément HTML

Comme son nom l'indique permet d'afficher un bloc **HTML** dans la page. Au sein de celui-ci vous pouvez mettre des balises de style qui contiennent du **CSS** et des balises **HTML**. Vous pouvez aussi utiliser des **variables** dans cet élément, par exemple pour reprendre des informations qui auraient pu être rentrées dans un workflow.

{% hint style="warning" %}
Seules certaines balises sont disponibles dans l'élément HTML, la liste peut se trouver ici : [#balises-prises-en-charge-par-lediteur-html-dans-ksaar](https://ksaar.gitbook.io/ksaar-documentation/les-champs#balises-prises-en-charge-par-lediteur-html-dans-ksaar "mention")
{% endhint %}

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FVVeEWdpUGy6rMShpbj6F%2Fimage.png?alt=media&#x26;token=5d5ed8e1-ad39-4c31-9e51-2973e95dfda8" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Vous pouvez trouver plusieurs exemples de code HTML pré-faits à inclure dans vos pages à la rubrique suivante : [bibliotheque-delements-html](https://ksaar.gitbook.io/ksaar-documentation/design/bibliotheque-delements-html "mention")
{% endhint %}

### 🖼️ Élément Iframe

L'élément Iframe permet d'intégrer simplement un Iframe sur votre page. Cela permet de facilement intégrer un site internet, pour les sites qui le permettent, à l'intérieur de votre app Ksaar.

Il suffit de mettre le lien vers le site internet que vous voulez intégrer dans votre Iframe pour qu'il s'affiche sur votre page.

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FZlJRIofuw2KiN0dKpw4M%2FCapture%20d%E2%80%99e%CC%81cran%202024-01-30%20a%CC%80%2015.56.09.png?alt=media&#x26;token=6a973cc4-2859-41e0-b83a-4937c8f3152d" alt="" width="563"><figcaption><p>paramétrer l'Iframe</p></figcaption></figure>

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FijbF0mn5oyIf8RluvZ5f%2FCapture%20d%E2%80%99e%CC%81cran%202024-01-30%20a%CC%80%2015.56.49.png?alt=media&#x26;token=26c0d187-aa63-454d-92d1-0fade1879d7a" alt="" width="563"><figcaption><p>Exemple d'un Iframe</p></figcaption></figure>

### 🎞 Élément Vidéo

Vous pouvez sélectionner d'ajouter une ou plusieurs vidéos à vos Pages (hébergé sur un site type Youtube) et définir ses paramètres :

* le lien&#x20;
* l'alignement&#x20;
* la largeur (la hauteur s'ajustera automatiquement pour le pas déformer l'image)
* décorréler l'aperçu de la vidéo : vous pouvez choisir de modifier la hauteur automatique (attention à la déformation de votre image)&#x20;
* désactiver le style : les paramètres de style par défaut (arrondis et ombres) seront supprimés

{% hint style="info" %}
La lecture de la vidéo se fait dans la Page, l'Utilisateur n'est pas redirigé vers un lien externe.
{% endhint %}

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FnHYKO3AUlIyaJzYEQK0s%2FCapture%20d%E2%80%99e%CC%81cran%202022-10-14%20a%CC%80%2009.42.41.png?alt=media&#x26;token=c2cca5ee-509e-40ce-bfee-caeb367a9e31" alt=""><figcaption><p>Éditer une vidéo et aperçu côté USER</p></figcaption></figure>

### 📄 Élément Document

Vous pouvez ajouter un document à vos Pages afin que les Utilisateurs puissent le consulter, soit avec l'option "Ouvrir" soit avec l'option "Télécharger".  Vous pouvez choisir d'afficher un document de votre ordinateur ou depuis un champ fichier. Cette deuxième option vous permet d'afficher un fichier importé par l'utilisateur final de votre application et donc de personnaliser votre application en fonction de l'utilisateur.

Si le fichier est une image ou un PDF, vous pouvez choisir de l’afficher directement en activant l’option prévue à cet effet :&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FvJsBuOFimBOInPZe4Ojx%2FCapture%20d%E2%80%99e%CC%81cran%202026-03-23%20a%CC%80%2014.55.02.png?alt=media&#x26;token=0a99f5c9-abfc-4ce4-90c6-838147d65e71" alt="" width="317"><figcaption></figcaption></figure>

Extensions supportées : 'doc', 'docx', 'xls', 'xlsx', 'zip', 'rar', 'csv', 'docx', 'ppt', 'pptx', 'pdf', 'jpg', 'jpeg', 'png', 'gif', 'webp'

![Aperçu d'un document ajouté à une Page](https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQBQ-Fk5qKATOA2R2_R%2F-MRK1FdCNK431a0YAim2%2F-MRK4OE2U0fS--2UvzRy%2FAperc%CC%A7u%20document.png?alt=media\&token=a7fdeb9c-7cfa-4c82-a7e3-bb8f55accc5c)

{% hint style="info" %}
La limite de taille est fixée à 15 Mo par document déposé sur votre page.
{% endhint %}

### 🔵 Élément Bouton&#x20;

L'élément Bouton, comme son nom l'indique vous permet d'insérer un ou plusieurs Bouton sur les pages de vos Workflows, Suivis et Fiches.&#x20;

Vous pouvez définir le **libellé du bouton**, par exemple *Confirmer* ou *Valider*, et y ajouter **une icône**. Le bouton peut contenir un libellé, une icône ou les deux.

Vous pouvez configurer la **redirection associée au bouton** :

* ouvrir un lien externe
* aller à l’étape suivante
* revenir à l’étape précédente
* rediriger vers une étape spécifique
* ouvrir un autre workflow, une fiche ou un suivi

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FSbaxlswd3bnIHejFa7UN%2FCapture%20d%E2%80%99e%CC%81cran%202023-10-27%20a%CC%80%2015.03.36.png?alt=media&#x26;token=ba536345-eb59-4999-8b91-d271c1f24886" alt="" width="248"><figcaption><p>Éditer l'élément bouton</p></figcaption></figure>

Par défaut, le bouton utilise la couleur principale de votre application, mais vous pouvez **personnaliser entièrement son apparence**.

Plusieurs options de **mise en forme** sont disponibles dans l'onglet Design, comme l’alignement du bouton dans la colonne, sa largeur (ajustée au contenu ou à la largeur de la colonne), sa couleur, les paramètres de style du libellé, ainsi que d’autres options de personnalisation. L’icône dispose également de paramètres de design personnalisables afin de s’adapter à l’apparence de votre interface.

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FBgXdq2uNh2opRDmcXCMx%2Fimage.png?alt=media&#x26;token=056a87c5-2acd-45ec-9be2-071517889e21" alt="" width="361"><figcaption><p>Exemples de design de bouton</p></figcaption></figure>

### 🔙 Éléments Continuer et Précédent

Ces deux éléments sont des Boutons déjà paramétrés pour pointer vers l'étape suivante ou l'étape précédente. De la même manière que pour l'élément Bouton, vous pouvez paramétrer ses propriétés graphiques.&#x20;

![](https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQBQ-Fk5qKATOA2R2_R%2F-MRJY5yJ8o28iHyE43cQ%2F-MRJYy2cO4x0vvAEpgZ0%2FBoutons%20pre%CC%81ce%CC%81dent%20et%20continuer.png?alt=media\&token=8635a8a4-874c-430e-af74-a9194c43e8b3)

### 🗑️ Élément Supprimer

Cet élément est un bouton qui permet de supprimer l'enregistrement en cours.

Sur ce bouton, vous pouvez paramétrer la redirection qui se produit après la suppression de l'enregistrement.\
Dans le cas où le bouton se trouverait sur une pop-up, vous devez choisir si toutes les pop-ups devront se fermer ou uniquement celle en cours.\
Dans le cas où le bouton serait sur un workflow ouvert sur une autre page, vous devez choisir vers quelle page de l'espace personnel il faut rediriger l'utilisateur.

Il y a un message de confirmation par défaut qui peut aussi être personnalisé.

<div><figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FayrfPDER27m6OdE0dcmA%2FCapture%20d%E2%80%99e%CC%81cran%202024-01-30%20a%CC%80%2014.35.35.png?alt=media&#x26;token=69efc201-f4cc-4bb8-979b-ff0f7904427f" alt="" width="300"><figcaption></figcaption></figure> <figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FKn72QQmY1KJx7w6xiKhU%2FCapture%20d%E2%80%99e%CC%81cran%202024-01-30%20a%CC%80%2014.36.23.png?alt=media&#x26;token=529af495-b3ba-454a-b442-0b57009cde0a" alt="" width="239"><figcaption></figcaption></figure></div>

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FsCxFGvtCkmcUG823Cllo%2FCapture%20d%E2%80%99e%CC%81cran%202024-01-30%20a%CC%80%2014.37.03.png?alt=media&#x26;token=3ff3eda9-e866-4920-b94e-f87e48860f71" alt="" width="375"><figcaption><p>Message de confirmation par défaut</p></figcaption></figure>

### 🏷 Élément Carte

L'élément Carte vous permet de structurer visuellement votre page, d'ajouter un élément graphique en plus. Il a la même fonctionnalité qu'un Bouton car il redirige vers une Page, un Workflow ou des étapes. \
Vous pouvez paramétrer :&#x20;

* le titre et le sous-titre&#x20;
* le texte lorsque la souris survole la carte&#x20;
* une image/photo à afficher sur cette carte (depuis votre ordinateur ou depuis un champ fichier). Extensions supportées : 'jpg', 'jpeg', 'png'.
* une icône&#x20;
* la redirection de votre carte (lien externe, prochaine étape, étape précédente, une étape particulière, un Workflow). <br>

Si vous placez la Carte dans un Espace Personnel, vous pouvez faire une redirection vers une Page d'un Espace Personnel.&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FNWeDsNXVxY9KlLxEQOEt%2FCapture%20d%E2%80%99e%CC%81cran%202023-04-17%20a%CC%80%2011.35.49.png?alt=media&#x26;token=0174c93e-87dc-436a-93ec-c6e54af11dc1" alt=""><figcaption><p>Éditer la carte</p></figcaption></figure>

![Aperçu de l'élément Carte  ](https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQBQ-Fk5qKATOA2R2_R%2F-MRJY5yJ8o28iHyE43cQ%2F-MRJctMaFif_iJj6xh82%2FAperc%CC%A7u%20Carte%20graphique.png?alt=media\&token=ecbd180b-6334-47bf-8cf4-af2106b8790b)

### **Élément Bouton partage**

Cet élément, qui est uniquement disponible dans les fiches, permet d'obtenir un lien de partage vers cette même fiche.

Vous pouvez choisir de directement afficher le lien pour pouvoir le copier puis le partager, ou vous pouvez afficher le lien sous forme de QR Code que vous pouvez aussi copier et télécharger pour le partager.

Le lien redirige vers cette même fiche pour les utilisateurs qui sont connectés à votre application.

<div><figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FGa4cw9E6xOfrpKItHQ6o%2FCapture%20d%E2%80%99e%CC%81cran%202024-01-31%20a%CC%80%2018.05.10.png?alt=media&#x26;token=88279541-9185-4e48-bfb1-f46fc3af99ce" alt=""><figcaption><p>Paramètres du bouton Partager</p></figcaption></figure> <figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2F8fd0w96pzefqzmwbaY3B%2FCapture%20d%E2%80%99e%CC%81cran%202024-01-31%20a%CC%80%2018.05.58.png?alt=media&#x26;token=3eda53e7-3580-4d72-8fdf-53921df7e0b5" alt="" width="563"><figcaption><p>Bouton Partager</p></figcaption></figure></div>

### 📃 Élément Document Créé

Cet élément va vous permettre d'afficher sur une Page un document préalablement rempli avec l'Action "[Créer un document](https://ksaar.gitbook.io/ksaar-documentation/les-workflows/creer-des-pages/creer-un-document)". \
\
Pour l'affichage d'un document PDF : en cliquant sur l'élément vous allez pouvoir choisir le document PDF à afficher et décider de son affichage : soit afficher le document entier sur la page ou bien un bouton de téléchargement. \
\
1️⃣ Afficher le document sur la page en cours, les options disponibles au survol du document : &#x20;

* zoom - et +
* visualiser le PDF dans le lecteur de PDF de votre ordinateur&#x20;
* télécharger le document &#x20;

![](https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQBQ-Fk5qKATOA2R2_R%2F-MTeMgB6ee8ONUnnjI90%2F-MTeMuVaro9Vh3kP2BFZ%2FAperc%CC%A7u%20d'un%20document%20PDF%20dans%20une%20page.png?alt=media\&token=ec00f52b-2dde-4276-80a6-ff33c94121d3)

2️⃣ Afficher le bouton de téléchargement, l'Utilisateur pourra alors choisir d'ouvrir ou de télécharger le document.&#x20;

![](https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQBQ-Fk5qKATOA2R2_R%2F-MTeMgB6ee8ONUnnjI90%2F-MTeOO_kXxccEpVJ3OVR%2FBouton%20te%CC%81le%CC%81charger%20ou%20ouvrir.png?alt=media\&token=c2ba45b9-8063-4212-848c-7d708fbe9fd4)

Par défaut, pour l'option Ouvrir, le document s'ouvre dans un nouvel onglet. Si vous activez l'option "Ouvrir dans une modale" alors le document s'affichera sous forme de pop-up dans la fenêtre de navigation actuelle.&#x20;

Pour l'affichage d'un document au format docx ; vous pouvez seulement laisser la possibilité à l'Utilisateur de télécharger le document. &#x20;

### 💻 Élément Conférence Vidéo

Comme son nom l'indique l'élément Conférence Vidéo vous permet de donner accès aux Utilisateurs ou Groupe d'Utilisateurs à une salle de Conférence Vidéo. \
\
L'élément se présente sous forme de bouton avec un lien redirectif vers l'application [Jitsi](https://meet.jit.si/). \
\
Cliquez sur l'élément pour en configurer :&#x20;

* le libellé (texte du bouton visible par l'Utilisateur)&#x20;
* l'alignement du bouton & sa largeur
* le nom de la Room

{% hint style="info" %}
Pour que votre conférence vidéo démarre correctement, votre nom de Room doit être unique. Privilégiez donc une combinaison aléatoire de chiffres et de lettres.
{% endhint %}

* l'accès à la barre d'outils (si vous cachez la barre d'outils alors il aura seulement la possibilité de quitter l'appel. Si vous l'affichez, il aura accès à tout un tas de paramètres comme par exemple : le partage d'écran).&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FMsrQgWo7WCZh7iqFIl1z%2FCapture%20d%E2%80%99e%CC%81cran%202022-10-14%20a%CC%80%2009.29.39.png?alt=media&#x26;token=486b97f8-4486-401c-aa90-44850ea6ba08" alt=""><figcaption><p>Éditer l'élément Conférence Vidéo et aperçu côté USER</p></figcaption></figure>

### **🪄 Élément Sketchfab**

Nous avons mis en place la possibilité d'insérer des visuels 3D du site Sketchfab dans les pages de votre application. \
\
Pour ce faire : \
1️⃣ Insérez un élément Sketchfab \
2️⃣ Cliquez sur l'élément \
3️⃣ Coller le lien de votre élément 3D à afficher \
4️⃣ (Optionnel) Réglez l'alignement et les dimensions d'affichage \
5️⃣ Confirmez et voyez le rendu s'afficher sur votre page&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2F1sdeW56bAmw59jzvYXD0%2FCapture%20d%E2%80%99e%CC%81cran%202022-10-14%20a%CC%80%2009.53.18.png?alt=media&#x26;token=8be8843d-205d-4efb-8729-95c1e34d2436" alt=""><figcaption><p>Paramétrer l'élément Sketchfab</p></figcaption></figure>

![](https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQBQ-Fk5qKATOA2R2_R%2F-MTeGieNWIlHN9yII1uu%2F-MTeLPyhP7r-WuBpaSpo%2FRendu%20Sketchfab.png?alt=media\&token=a419b35b-0992-49d8-8568-f607e5c9e0fc)

\
👉🏼 Cet élément est uniquement disponible sur demande, n'hésitez pas à nous contacter pour que nous puissions l'activer sur votre compte maker 😉


---

# Agent Instructions: 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-elements/elements-contenus-basiques.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.