English
Français
🎉 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
📱Aplicación pública: https://api.voltapp.tech/app/JDYn52uX/
💻Página de la plantilla: https://editor.voltapp.tech/template/G8moj-lE
🛢️Datos: https://airtable.com/shrBeHk3SpFhB9xST
Esta plantilla de lista Airtable le permite utilizar una lista Airtable en su aplicación. Usted será capaz de gestionar una lista de datos conectados a su cuenta Airtable.
Composición de la plantilla :
Esta plantilla se compone de un nodo Airtable dentro del cual hay :
- una sección con un nodo Text para el título, y un nodo Input que sirve de barra de búsqueda para su lista.
- un nodo Conditon con :
- una condición True con un nodo Spinner y un nodo Text para el tiempo de carga de la lista.
- una condición False con una rejilla
Configure su base de datos Airtable:
La base de datos Airtable que conectará al proyecto debe estar compuesta de la siguiente manera:
- una columna "Nombre "* de tipo Texto de una línea para el nombre del lugar, la ciudad, el sitio...
- una columna "Imagen "* de tipo Anexo, que puede contener una o varias imágenes que ilustren el lugar.
- una columna "Descripción "* de tipo Texto largo para contener un pequeño texto explicativo.
- una columna "Latitud "* de tipo Número en formato decimal con la máxima precisión, que contenga las coordenadas de latitud del lugar.
- una columna "Longitud "*, en el mismo esquema que la anterior, que contenga las coordenadas de longitud.
- una columna "Id "* de tipo Fórmula, en formato "RECORD_ID()".
- Estas nominaciones deben ser estrictamente respetadas para que la llamada a la base de datos Airtable se haga correctamente. Si desea darles otro nombre, consulte el complejo tutorial Su aplicación desde cero.
Conecte su base Airtable a su proyecto:
- Copie su clave API que encontrará en la página Overview de su cuenta Airtable.
- Vuelva a Voltapp y en el nodo Airtable, elimine la clave API anterior, y copie la suya. A continuación, seleccione la base de datos correcta y la tabla correspondiente.
- Haga clic en Actualizar.
Su base de datos Airtable está ahora conectada. En el nodo Airtable, cambie al modo Graph. Dos bloques fueron borrados cuando conectó su base de datos. Necesitará recrearlos para que Voltapp pueda llamar correctamente a su base de datos.
- Saca un enlace del bloque superior define isLoading y luego añade el bloque de acción fetch rows.
- Conecta la salida del bloque a la entrada del bloque superior define spots y conecta el parámetro "rows" al parámetro "spots" del mismo bloque.
- Repite la misma operación desde el bloque inferior define isLoading con el bloque inferior define spots.
- Haga clic en el nuevo bloque get rows y, a continuación, en el parámetro "filter by formula", haga clic en el icono de conexión.
- En el menú desplegable que aparece, elige Convertir en fórmula e introduce la siguiente fórmula: BUSCAR("@buscarConsulta", {Nombre}) >0
Su base de datos Airtable está ahora conectada. Haga clic en Ver para asegurarse.
Personalizar la página Acerca de:
La página Acerca de de esta plantilla puede ser personalizada a su gusto. Haga clic en cada nodo para ajustar el contenido.
Si desea añadir elementos, como un enlace a su sitio web por ejemplo, he aquí cómo hacerlo:
- En Acerca de, añada un nodo Sección que ajustará a horizontal.
- Coloque dentro todos los nodos de la página.
- Añada un nodo Enlace. A continuación, rellene los campos como desee.
De esta forma tu añadido quedará automáticamente bien ordenado en el resto de la página en relación a los demás elementos.