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.

Autor/a

• More Posts (40)

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 % ) .

Autor/a

• More Posts (40)

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.

Autor/a

• More Posts (40)

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?

And have different image/text showing depending on what you need?

A quick thread. pic.twitter.com/CvzzSRzkqV

— Tass at Tiplister (@TipsBubble) November 11, 2022

Autor/a

• More Posts (40)

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/.

Autor/a

• More Posts (40)

Es necesario siempre guardar el padre en el hijo, en las relaciones uno ( padre ) a muchos ( hijos )

Una vez creados los custom data types ;

En un caso práctico , si por ejemplo queremos crear un nuevo hijo perteneciente a un padre , primero seleccionaremos el padre de una lista ( lista mostrada , por ejemplo, en un dropdown ) 

 Y luego en la lista de hijos debes incluir el que acabas de crear.

En cambio a la hora de borrarlos , lo primero es buscarlo en la lista del padre

Y luego eliminar al hijo

Porque sino se podría crear inconsistencia en la base datos , al estar borrando el origen antes que las propias tuplas pladre / hijo.

Recordemos que las tuplas en base de datos relacionales con el conjunto de datos único formado por la unió de dos o más tablas. 

Autor/a

• More Posts (40)

A la hora de acceder a los datos alojados en un repeating group , sin tener que utilizar JS , la mejor alternativa es utilizar el plugin Orchestra , del que hablaremos de él proximamente .

Autor/a

• More Posts (40)

Cuando validamos un dato o bien queremos que el usuario acceda a cierta información informándole de una acción pasada, podemos hacer que nuestro mensaje de alerta se muestre en la página de destino.

Para ello debemos crear una acción en nuestro workflow de Go To .. “ e indicar la página de destino alimentado la URL con un parámetro.

Posteriormente , y ya en página de destino , tan solo debemos utilizar la acción “ Do when … “ para indicar que cuando se reciba un parámetro en URL con valor product_created.

Realizamos una acción , en este caso “ Show a message… “ .

Autor/a

• More Posts (40)

Si te has preguntado como poder incluir en tu formulario un selector de tags , puedes hacerlo fácilmente con el multiselect drown que te permitirá seleccionar entre varios opciones múltiples . Tendrás que buscarlo entre los plugins de bubble.

Esta función permite tanto la selección de opciones alojadas en la base de datos ( preestablecidas ) , o bien otras nuevas creadas a través del mismo dropdown , como siempre , utilizando workflows.

Para crear nuevas tags introduciéndolas en este selector debemos añadir la siguiente condición en nuestra workflow

Autor/a

• More Posts (40)

En ocasiones no resulta nada fácil la disposición de los elementos en parrilla ( grid ) de un repeating Group en Bubble, es por eso que vamos a puntualizar una serie de recomendaciones para su óptima distribución ;

1 ) Como siempre es conveniente que este albergado en un Main Group o Body , que nos permita distribuir el repeating group y el resto de elementos del diseño ;

2 ) Crearemos un grupo donde incorporar el Repeating Group , este grupo debe ajustar el contenido al ancho , fit width to contect . Dentro de él pondremos nuestro Repeating Group.

3 ) En el Repeating Group es recomendable que nuestro layout sea fila si queremos una distribución de contenidos tipo parrilla, ya que queremos que estos bloque sean repetidos ajustándose al ancho de la pantalla.

4 ) Dentro del Repeating Group , crearemos un nuevo grupo , esta vez sí con la distribución idónea ; donde albergaremos elementos repetidos en columna ( como en la imagen ) horizontalmente .

5 ) Por último nos aseguramos que el repeating group es Wrapped horizontally una propiedad que permite que los bloques de la fila fluyan y no permanezcan en la misma línea como lo haría, por ejemplo , una nube de tags. En nuestro caso es la distribución que vamos buscando.

Bualá , nuevos layout de rejilla responsive listo ¡

Autor/a

• More Posts (40)