Voltapp 🇺🇸
Voltapp 🇪🇸
🎉 Bienvenue
Introduction Ă Voltapp
POUR COMMENCER ⏱
DĂ©couvrir les templates
Créer son Airtable
Connecter ses données
Publier son app
APPRENDRE ****VOLTAPP ▶️
Explication de l’interface
Les noeuds
Le graphe
Les variables
Personnaliser l’apparence
Placer les éléments
Exemples design et appareils
GĂ©rer les pages
Créer du contenu dynamique
Gérer ses données
Combiner des templates
CREER VOTRE 1ère APP
Contenu dynamique
Création de données & design
ALLER PLUS LOIN
Intégration Webhooks (Make, Zapier…): ex Notion
Travailler en Ă©quipe
Données souveraines
Internationalisation
Les formules
AIDE
FAQ
Etre accompagné
Comment faire avec Voltapp
Accéder à l’aide
REFERENCE
Lexique de Voltapp
Noeuds
Blocs Evènement
Blocs Actions
Blocs ContrĂ´les
Blocs Expression
Variables
COMMUNITY
đź”— Our discord
đź”— Nocode France
Mises Ă jour Voltapp
Le noeud Interrupteur vous permet d'associer des évènements à ses deux positions, tout en en personnalisant les aspects visuels.
Components
Toggle
Valeur
Dans l'inspecteur à droite de l'écran vous pouvez définir en premier lieu la valeur de la variable de votre interrupteur en choisissant "vrai" ou "faux".
Pour assigner une variable au bouton interrupteur, vous devez passer en mode script en cliquant sur les trois blocs qui se trouvent en haut Ă gauche de l'inspecteur.
Une fois dans le mode script, ajoutez le bloc événement "change". Ensuite tirez sur son paramètre "valeur" puis sélectionnez "promouvoir en valeur" en bas de la fenêtre qui apparaît à l'écran.
Pour renommer votre variable, allez ensuite dans l'onglet "variables" de votre inspecteur, cliquez sur la variable en place. Vous pouvez ensuite modifier son nom, sa valeur etc.
Pour terminer la configuration de votre interrupteur, retournez dans le mode "design" en cliquant sur les 4 carrés en haut à gauche de l'inspecteur (1). Une fois dans le menu "config" de l'inspecteur (2), cliquez sur l'icône lien de la valeur du Toggle (3), puis assignez lui la variable que vous venez de créer (4).
Couleur
Vous pouvez ensuite déterminer la couleur de la barre lorsque l'interrupteur est activé dans "couleur".
Désactivé
Puis la couleur de la barre lorsque l'interrupteur est désactivé dans "désactivé".
Bouton
Enfin vous pouvez également déterminer la couleur du bouton dans "bouton".
Style
Le style gère les propriétés visuelles générales appliquées à ce nœud.
Fond
Contrôlez l'arrière-plan (image, couleur ou gradient) du nœud.
Opacité
Contrôle l'opacité du nœud.
Arrondi
Contrôle le rayon de l'arrondi des coins de extérieurs du nœud. Vous pouvez définir le rayon pour tous les coins (haut gauche, haut droit, bas gauche, bas droit) ou pour chacun d'entre eux individuellement.
Bordure
Contrôle la forme, la couleur et l'épaisseur de la bordure du nœud.
- épaisseur : l'épaisseur de la bordure. Vous pouvez définir l'épaisseur pour toutes les bordures (haut, gauche, droite, bas) ou pour chacune d'entre elles individuellement.
- Forme : le style de la bordure.
- Couleur : la couleur de la bordure.
Ombres
Permet d'ajouter une ou plusieurs ombres à un nœud. Chaque ombre est définie par :
- type : si l'ombre est intérieure ou extérieure à la boîte du noeud.
- x: spécifie la distance horizontale. Les valeurs négatives placent l'ombre à gauche de l'élément.
- y : spécifie la distance verticale. Les valeurs négatives placent l'ombre au-dessus de l'élément.
- flou : plus cette valeur est grande, plus le flou est important, donc l'ombre devient plus grande et plus légère.
- dispersion : les valeurs positives font que l'ombre s'étend et grandit, les valeurs négatives font que l'ombre se rétrécit.
Flou
Applique le flou sur l'arrière-plan du nœud uniquement, pour créer un effet de verre de style iOS. Plus la valeur est grande, plus le flou est important.
Disposition
La disposition vous permet de placer et de positionner votre nœud en fonction de ses frères et sœurs (ceux du même noeud parent).
Largeur
ContrĂ´le la largeur du noeud.
- px : définit la largeur du noeud en pixel.
- % : définit la largeur du noeud en pourcentage par rapport à la largeur de son parent.
- fit : adapte automatiquement la largeur du noeud en fonction de la largeur de son contenu.
- grow : spécifie combien d'espace restant du parent doit être attribué au noeud.
Hauteur
- px : définit la hauteur du noeud en pixel.
- % : définit la hauteur du noeud en pourcentage par rapport à la largeur de son parent.
- fit : détermine automatiquement la hauteur du noeud en fonction de la largeur de son contenu.
- grow : spécifie combien d'espace restant du parent doit être attribué au noeud.
Haut
Contrôle la marge supérieure entre le noeud et son voisin.
- px : définit la marge en pixel.
- % : définit la marge en pourcentage par rapport à la largeur de son parent.
- auto : définit automatiquement la marge à l'espace restant dans son parent. S'il y a plusieurs noeuds dont la marge supérieure est fixée à auto, l'espace restant est divisé de manière égale entre chaque noeud.
Droite
ContrĂ´le la marge de droite entre le noeud et son voisin.
- px : définit la marge en pixel.
- % : définit la marge en pourcentage par rapport à la largeur de son parent.
- auto : définit automatiquement la marge à l'espace restant dans son parent. S'il y a plus de noeuds dont la marge supérieure est fixée à auto, l'espace restant est divisé de manière égale entre chaque noeud.
Bas
Contrôle la marge inférieure entre le noeud et son voisin.
- px : définit la marge en pixel.
- % : définit la marge en pourcentage par rapport à la largeur de son parent.
- auto : définit automatiquement la marge à l'espace restant dans son parent. S'il y a plus de noeuds avec une marge supérieure définie à auto, l'espace restant est divisé de manière égale entre chaque noeud.
Gauche
ContrĂ´le la marge de gauche entre le noeud et son voisin.
- px : définit la marge en pixel.
- % : définit la marge en pourcentage par rapport à la largeur de son parent.
- auto : définit automatiquement la marge à l'espace restant dans son parent. S'il y a plus de noeuds avec une marge supérieure fixée à auto, l'espace restant est divisé de manière égale entre chaque noeud.
Rétrécissement