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
Section est lâun des nĆuds les plus importants de Voltapp car câest celui qui sert Ă placer tous les Ă©lĂ©ments (les nĆuds) les uns par rapport aux autres.
Components
Section
Une section est un nĆud qui contient plusieurs autres nĆuds fils et qui va permettre de dĂ©cider comment ils se rĂ©partissent les uns par rapport aux autres. Lâordre des nĆuds fils dans lâarbre Ă gauche de lâĂ©cran, correspond Ă lâordre dâaffichage sur lâĂ©cran.
Vous pouvez crĂ©er une infinitĂ© de nĆuds sections Ă lâintĂ©rieur dâune mĂȘme section, ce qui vous permet de crĂ©er une disposition et une rĂ©partition des diffĂ©rents nĆuds comme vous le souhaitez Ă lâĂ©cran.
Direction
Permet si les sections seront horizontales ou verticales.
Aligner
Vous pouvez aligner la section sur le bord droit, gauche ou au centre.
RĂ©partir
Vous pouvez choisir la répartition des sections : sur le bord haut, bas ou au milieu.
Espacement
Permet de choisir l'espacement entre les sections.
Désactivé
Vous pouvez activer ou non les sections.
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
Facteur de rétrécissement des enfants du noeud. S'il est à 0, le noeud ne pourra pas rétrécir.