.
A menudo queremos tener una vista móvil más intuitiva , es por eso que para muchos usuarios el menú móvil conocido como hamburguesa , resulta útil . Para incluirlo en nuestra App tan solo debemos descargar el plugin Slidable menu a nuestra app y configurar que página deseamos que muestre.
Una de las cosas más sorprendentes de Bubble es que cuenta con recursos de forma nativa para casi todo , también para montar tu propio Chat en tu aplicación .
Los pasos para incluir tu propio Whatsapp No-code en tu aplicación son según la propia web de Bubble ;
A la hora de decidir como parametrizar la base de datos y la relación entre tablas cuando o usar una list of things o no depende como hemos visto del número de elementos ( texto, imágenes… ) que guardemos en la lista . Idealmente solo las utilizaremos para elementos que no cambian por ejemplo , tipo de usuario o estado. Y por tanto para listas de datos que no sean demasiado grandes.
Por el contrario generalmente nos interesará tener una campo subordinado a otra tabla, cuando queramos consultar entre cualquier otro elemento de la tabla subordinada, pero claro , con el comando SEARCH FOR [ TABLE ] aplicando CONSTRAINS para una tupla de datos estaremos igualmente accediendo a un alto número de elementos, y por tanto el rendimiento de nuestra aplicación en Bubble se puede ver mermado.
Para ello lo ideal es utilizar campos sincronizados en Bubble , como vimos , donde el mismo valor se guarda en la tabla original y en la subordinada, de manera que solo accederemos a la tabla para acceder al resto de datos albergados en la tabla subordinada , pero para consultar rápida o conteos con los valores utilizaremos el campo original más cercano.
Aquí tienes un vídeo donde se explica los pros y contras de un método u otro
Los elementos Popup son de un enorme valor en Bubble pero en ocasiones deseamos que el usuario se vea forzado a leer y completar un popup .
Para evitar que deje de mostrarse clicando fuera del area del popup debemos marcar la opción ” This popup cant´ be closed by pressing ESC “
Ya sabes que puedes contar con excelentes templates que te ofrecen geniales recursos visuales , en este caso para crear un proyecto SaaS. Este template es absolutamente espectacular , y lo creado el equipo de Wolazo , lo puedes descargar aqui https://bubble.io/template/saas-landing-page—wolazocom-1669894560013×272449052603842560
Una vez configurada en tu App
El resultado es el siguiente ;
En ocasiones nos veremos obligados a ordenar el repeating group en Bubble de mayor a menor valores de un campo u otro . Por ejemplo , si deseamos ordenar un listados de productos de mayor a menor número de votos obtenidos por los usuarios nos enfrentaremos al siguiente problema ; la tabla votos en nuestra base de datos es diferente a la tabla del repeating group que contiene nuestros productos ( llamada PRODUCT ) , eso nos obliga a mantener campos sincronizados en ambas tablas de la siguiente manera.
Para hacerlo debemos realizar acciones simultáneas en ambas bases de datos mediante nuestro workflow
Finalmente la sincronización de campos permite en este caso mantener los mismo valores en una tabla y otra, permitiendo, por ejemplo en este caso, ordenar un repeating group de la siguiente forma.
En bubble podemos modificar el estado de un elemento dependiendo de si ha sido apuntado ( focused ) , ha sido presionado con el ratón o con la yema del dedo ( pressed ) o ha sido tapado con el ratón ( hovered ) .
Por ejemplo , podemos alterar la vista de la caja del buscador al posar el ratón sobre él, usando la condición siguiente ;
Ampliando de esa manera su ancho al máximo posible ( 100 % ) .
Un group focus es un grupo que se oculta automáticamente cuando el usuario hace clic fuera de él. Se posiciona en relación con otro elemento , es decir está anclado siempre a otro elemento. Esto es especialmente útil para los menús desplegables , o ventanas flotantes que deben desplegarse a la interacción del usuario , por ejemplo los resultado en nuestro buscador web.
Esta vez hemos querido reconocer esta gran idea de Tass , en su cuenta @TipsBubble
Nos ha parecido un curioso método de ahorrar tiempo , aquí te la dejamos.
How to make a reusable alert like this using @Bubble?
— Tass at Tiplister (@TipsBubble) November 11, 2022
And have different image/text showing depending on what you need?
A quick thread. pic.twitter.com/CvzzSRzkqV
Cada vez existen más recursos que pueden reutilizar debido al aumento en el número de librerías de componentes para Bubble, una de las más famosas es FRAME , que puedes incorporar instalando tu plugin en Chrome https://madewithframes.com/.
