Texte

Le texte est un élément essentiel dans vos projets interactifs. Avec PandaSuite, vous pouvez créer, personnaliser et intégrer des textes de manière simple tout en assurant une mise en page fluide, y compris pour les contenus dynamiques.

Ajouter un bloc de texte

Pour ajouter un bloc de texte :

Cliquez sur l'icône Texte située dans la barre de menu supérieure.
Un nouveau bloc de texte apparaîtra sur votre espace de travail. Double-cliquez dessus pour éditer son contenu.
Vous pouvez entrer votre texte manuellement ou le copier-coller depuis une autre source.

Propriétés du texte

Voici les propriétés du bloc de texte :

Style

Police : PandaSuite vous donne accès à plus de 700 polices Google Fonts gratuites. Vous pouvez également ajouter vos polices.
Décoration : Les options de décoration de texte comprennent : Souligné, Majuscule et Exposant.
Alignement : Choisissez parmi les options d'alignement suivantes : Gauche, Centre, Droite, ou Justifié.
Interligne : Déterminez l'espacement entre les lignes de votre texte pour une lecture optimisée

Contenu

Cliquez sur le bouton Éditer pour rentrer dans le bloc de texte. Le bouton Adapter le contenu permet d'adapter la zone de texte en fonction du contenu qui se trouve à l'intérieur, en Largeur ou en Hauteur.

Taille automatique

La hauteur du bloc de texte s'adapte automatiquement en fonction de la taille de l'écran. Le bloc s'adapte à son contenu. Cette option est activée par défaut.

Pour paramétrer ce redimensionnement, vous pouvez définir la taille minimale et maximale du redimensionnement. Pour information, 1.0 correspond à la taille par défaut. Nous vous recommandons de choisir 0.1 comme taille minimale et 10 comme taille maximale.

Si vous ne souhaitez pas modifier la taille du typo, choisissez 1.0 comme taille minimale et maximale.

Ajouter du contenu dynamique

Grâce au data binding, le texte peut aussi s’adapter en fonction des données dynamiques, par exemple :

Les valeurs issues d’une base de données.

Le contenu modifié en fonction des actions de l’utilisateur.

Source

Pour ajouter du contenu dynamique :

Si vous souhaitez remplacer dynamiquement tout le bloc de texte, cliquez sur le label Contenu
Si vous souhaitez insérer une donnée dynamique dans un bloc statique, cliquez sur le bouton Insérer de la donnée

Choisissez la source :

Depuis un composant : récupérez une donnée issue d’un composant
Depuis une base de données : récupérez une donnée issue du contexte d'une base de données
Depuis le projet : récupérez une donnée issue du contexte du projet
Identifiant PandaSuite : générez un identifiant unique
Nombre aléatoire : insérez un nombre au hasard entre 0 et 1

Mise en page

Quand votre contenu texte est dynamique (par exemple, lorsqu’il s’ajuste selon la longueur des données ou la taille de l’écran), il est crucial de maintenir une mise en page bien structurée. C’est ici que le composant Flexbox devient indispensable.

Le composant Flexbox vous permet de :

Aligner vos éléments dynamiquement (centré, en haut, en bas, etc.).

Gérer les espaces entre les objets pour éviter les chevauchements ou les vides disgracieux.

Adapter automatiquement la disposition en fonction de la taille de l’écran ou du contenu.

Déclencher une action depuis le texte

Vous pouvez déclencher une action depuis un bloc de texte, comme avec n'importe quel objet.

Pour déclencher une action depuis le texte :

Sélectionnez le bloc de texte
Rendez-vous dans Actions et cliquez sur le bouton +
Choisissez un déclencheur et l'objet de votre action.

💡 Si votre bloc de texte est trop petit, nous vous recommandons de placer une zone interactive au-dessus de votre texte et de créer l'action sur cet objet.