Voltapp 🇺🇸
Voltapp 🇫🇷
🎉 Bienvenido
Introducción a Voltapp
PARA EMPEZAR ⏱
Descubrir las plantillas
Crear su Airtable
Conectar sus datos
Publicar su aplicación
APRENDER VOLTAPP ▶️
Descubrir la interfaz
Los nodos
El gráfico
Las variables
Personalizar el diseño
Colocar los elementos
Ejemplos de diseño y dispositivos
Gestionar páginas
Crear contenido dinámico
Gestionar sus datos
Combinación de plantillas
CREAR SU 1ª APP
Contenido dinámico
Creación y diseño de datos
SIGUE CON LA MISMA
Integración de Webhooks (Make, Zapier...): ex Notion
Trabajar en equipo
Internationalisation
Servidor de datos privado: Supabase
Las fórmulas
MÁS AYUDA
FAQ Voltapp
Estar acompañado
Cómo hacerlo con Voltapp
Acceso a la ayuda
REFERENCIA
Léxico Voltapp
Nodos
Bloques de eventos
Bloques de acciones
Bloques de control
Bloques de expresión
Variables
COMUNIDAD
🔗 Nuestro Discord
🔗 Nocode Hackers Es
Actualizaciones de Voltapp
El nodo Escaneo de códigos QR muestra la vista en directo de su cámara, que puede escanear códigos QR y asociarles eventos.
Componentes
Estilo
El estilo gestiona las propiedades visuales generales aplicadas a este nodo.
Contexto
Controla el fondo (imagen, color o degradado) del nodo.
Opacidad
Controla la opacidad del nodo.
Redondeo
Controla el radio de redondeo de las esquinas exteriores del nodo. Puede establecer el radio para todas las esquinas (superior izquierda, superior derecha, inferior izquierda, inferior derecha) o para cada esquina individualmente.
Borde
Controla la forma, el color y el grosor del borde del nodo.
- Grosor** : Grosor del borde. Puede establecer el grosor para todos los bordes (superior, izquierdo, derecho, inferior) o para cada borde individualmente.
- Forma**: El estilo del borde.
- Color**: El color del borde.
Sombras
Permite añadir una o varias sombras a un nodo. Cada sombra se define por :
- tipo** : si la sombra está dentro o fuera de la caja del nodo.
- x:** especifica la distancia horizontal. Los valores negativos sitúan la sombra a la izquierda del elemento.
- y**: especifica la distancia vertical. Los valores negativos sitúan la sombra por encima del elemento.
- Desenfoque**: Cuanto mayor sea este valor, mayor será el desenfoque, de forma que la sombra se hace más grande y brillante.
- Dispersión**: Los valores positivos hacen la sombra más grande, los negativos la hacen más pequeña.
Desenfoque
Aplica un desenfoque sólo al fondo del nodo, para crear un efecto de cristal al estilo iOS. Cuanto mayor sea el valor, mayor será el desenfoque.
Disposición
El diseño le permite colocar y posicionar su nodo en relación a sus hermanos (los del mismo nodo padre).
Anchura
Controla la anchura del nodo.
- px**: Establece la anchura del nodo en píxeles.
- px**: Establece la anchura del nodo como un porcentaje de la anchura de su padre.
- fit**: Ajusta automáticamente la anchura del nodo en función de la anchura de su contenido.
- grow**: especifica cuánto del espacio restante del padre debe asignarse al nodo.
Altura
- px**: establece la altura del nodo en píxeles.
- %**: establece la altura del nodo como porcentaje de la anchura de su padre.
- fit**: determina automáticamente la altura del nodo en función de la anchura de su contenido.
- grow**: especifica la cantidad de espacio restante del padre que debe asignarse al nodo.
Arriba
Controla el margen superior entre el nodo y su vecino.
- px**: define el margen en píxeles.
- %**: establece el margen como un porcentaje de la anchura de su padre.
- auto**: establece automáticamente el margen al espacio restante en su padre. Si hay varios nodos con el margen superior establecido en auto, el espacio restante se divide a partes iguales entre cada nodo.
Derecha
Controla el margen derecho entre el nodo y su vecino.
- px**: Establece el margen en píxeles.
- %**: Establece el margen como un porcentaje de la anchura de su padre.
- auto**: establece automáticamente el margen al espacio restante en su padre. Si hay varios nodos con el margen superior establecido en auto, el espacio restante se divide a partes iguales entre cada nodo.
Inferior
Controla el margen inferior entre el nodo y su vecino.
- px**: Establece el margen en píxeles.
- %**: Establece el margen como un porcentaje de la anchura de su padre.
- auto**: establece automáticamente el margen al espacio restante de su padre. Si hay varios nodos con un margen mayor que auto, el espacio restante se divide a partes iguales entre cada nodo.
Izquierda
Controla el margen izquierdo entre el nodo y su vecino.
- px**: Establece el margen en píxeles.
- Establece el margen como un porcentaje de la anchura de su padre.
- auto**: Establece automáticamente el margen al espacio restante en su padre. Si hay más nodos con un margen mayor establecido en auto, el espacio restante se divide a partes iguales entre cada nodo.
Shrinkage
Factor de encogimiento de los hijos del nodo. Si es 0, el nodo no podrá encogerse.
Hide
Muestra u oculta el nodo.
Margen interior**
Controla el relleno del nodo en píxeles. El margen interno (o padding) es el espacio entre el borde del nodo (border) y su contenido. Puede establecer el relleno para todos los bordes (izquierdo, superior, inferior, derecho) o para cada uno individualmente.
Scrolling
Si el nodo se puede desplazar o no.
Transformar
Transformar le permite aplicar varias transformaciones al nodo sin cambiar el diseño de los hermanos.
Posición
Aplica una traducción al nodo
- x**: el valor en píxeles de la traslación horizontal (puede ser negativo).
- y**: el valor en píxeles de la traslación vertical (puede ser negativo).
Escala
Permite cambiar el tamaño de un nodo utilizando un factor de escala.