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

Enregistrement de l’écran 2021-11-27 à 10.12.25.gif

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.

Ombres

Permet d'ajouter une ou plusieurs ombres à un nœud. Chaque ombre est définie par :

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.

Hauteur

Haut

Contrôle la marge supérieure entre le noeud et son voisin.

Droite

ContrĂ´le la marge de droite entre le noeud et son voisin.

Bas

Contrôle la marge inférieure entre le noeud et son voisin.

Gauche

ContrĂ´le la marge de gauche entre le noeud et son voisin.

Rétrécissement