Le bloc Page est un bloc puissant qui vous permet de créer des projets complexes en leur ajoutant de la profondeur. Ce bloc vous permet de créer un lien vers une autre page, qui sera imbriquée dans la page en cours. Le bloc de page offre plusieurs options de personnalisation pour s'assurer qu'il s'aligne sur les besoins spécifiques de votre projet.
Par exemple, dans un scénario de blog, vous pouvez inclure un résumé et une image de couverture dans le bloc Page, où le bloc représente un article du blog. Cela vous permet d'améliorer l'attrait visuel et de fournir un bref aperçu du contenu.
Exemple : (Essayez de cliquer dessus)
Ici, le bloc de page est utilisé avec cette configuration :
Option :
Créez un tableau simple avec une ligne d'en-tête. Vous pouvez ajouter plusieurs lignes et colonnes au tableau. Cependant, veuillez noter qu'il ne prend pas en charge le style en ligne pour le moment. Si vous avez besoin d'un tableau plus complexe, vous avez la possibilité de créer votre propre tableau à l'aide du bloc HTML. Vous pouvez également importer un tableau à partir d'une autre application à l'aide du bloc HTML et l'intégrer dans un iframe.
(Voir le bloc Html pour plus d'informations)
exemple:
Blocs | Basique | Avancé |
---|---|---|
Paragraph | 🟢 | - |
Heading | 🟢 | - |
Lists | 🟢 | - |
Expandable | - | 🟢 |
Table | - | 🟢 |
Quote | 🟢 | - |
Hint | 🟢 | - |
Html | - | 🟢 |
Le bloc expandable est un bloc important dans Notice. Il permet la création de certains contenus imbriqués. Un expandable se compose de deux parties : la première partie est le texte qui sera affiché à tout moment, et la seconde partie est le contenu imbriqué. Sur la version publiée, l'utilisateur peut afficher ou masquer le contenu imbriqué en cliquant sur la petite flèche à droite ou simplement en cliquant sur la première partie.
Le bloc expandable offre un moyen pratique de créer votre FAQ (Foire Aux Questions) de manière simple et directe.
Exemple : (Dans ce cas, un bloc HTML a été utilisé pour afficher un iframe contenant la FAQ Notice. Vous pouvez trouver le code pour le reproduire ci-dessous.)
Code:
<iframe
id="notice-iframe-faq"
title="Notice FAQ"
src="https:///notice-faq.mynotice.io"
style="height: 500px; width: 100%;"
frameborder="0"
></iframe>
Le bloc HTML permet de dépasser les limites de Notice. Il vous donne la liberté d'écrire n'importe quel code HTML, d'appliquer des styles CSS et d'ajouter des scripts à votre bloc. Si vous souhaitez intégrer du contenu pour lequel nous n'avons pas de bloc dédié, vous pouvez utiliser le bloc HTML pour créer un iframe et y intégrer le lien souhaité.
Exemple : (Le code utilisé pour chaque exemple peut être observé sous chaque exemple respectif.)
Wikipédia dans une iframe :
<iframe
id="wiki-page"
title="Wikipedia"
src="https://www.wikipedia.org/"
style="height: 500px; width: 100%;"
frameborder="0"
></iframe>
Exemple de bouton par défaut :
<style>
.flex-button {
width: 130px;
height: 40px;
border: none;
background-color: #ff3466 !important;
color: #FFF !important;
border-radius: 6px;
font-size: 18px;
letter-spacing: 1px;
outline: none;
cursor: pointer;
overflow: hidden;
transition: all 0.2s;
margin: auto;
display: flex;
align-items: center;
}
</style>
<button
class='flex-button'
onclick="alert('🔥 this button is created with the HTML block 🔥')"
role="button">
click me 🤩
</button>
Dans ce bloc, vous avez la possibilité d'implémenter du code JavaScript sur votre page.
Exemple:
Cliquer sur cette page ci-dessous devrait déclencher une alerte, vous trouverez le code utilisé dans la page