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 Diagramme circulaire affiche une visualisation statistiques en forme de camembert dont vous pouvez personnaliser de nombreux éléments.

Components

Diagramme circulaire

Données

Personnalisez ici les données visualisées: l'identifiant (id), la couleur, le label (le nom affiché), leur valeur.

Ecartement

Vous pouvez faire varier l'écartement entre les données affichées sur le diagramme.

Taille du Bord

Vous pouvez créer un bord, et faire varier son épaisseur.

Couleur du Bord

La couleur de bord peut être changée.

Cercle interne

Le cercle interne correspond au cercle au centre du diagramme. Vous pouvez réduire ou augmenter sa taille.

Arrondi

Vous pouvez choisir d'arrondir les bords des "parts" du camembert.

Interactif

Enfin le diagramme peut être interactif lorsqu'on passe la souris dessus : les noms et les valeurs des différentes parts apparaissent.

Etiquettes

Les étiquettes sont les textes qui s'affichent sur les différentes parts.

Activées

Il possible d'activer ou non les étiquettes, c'est à dire les rendre visibles ou pas.

Police

Vous pouvez déterminer la police que vous souhaitez.

Taille

Vous pouvez faire varier la taille de la police.

Couleur

Vous pouvez changer la couleur des étiquettes.

Bulles

Les bulles sont les bulles de texte qui affichent les noms des parts quand le diagramme est interactif.

Activées

Les bulles peuvent être activées ou non.

Police

Vous pouvez choisir la police des bulles.

Taille

Vous pouvez changer la taille de la police

Couleur

Vous pouvez déterminer la couleur de la police.

Font

Vous pouvez choisir la couleur de fond de la bulle.

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.