Cursos Empresas Blog Live Conf Eventos Precios

0:008:41

Asignando prioridades con Option Sets

Curso de Apps No-code con Bubble: Interfaz y Funcionalidades

Clase 11 de 19

Clase 11 / 19

Comentarios (16)16 comentarios

Juan Sebastian Mosquera

Hace 5 años

Hecho!

Xabier Mendoza

Profesor

Hace 4 años

Se ve muy bien.

Ludvin Gutierrez

Mi bro te quedo bien... podrías enseñarme como lo habeis hecho?

José Reinaldo Duque Serna

Mi pantalla con los colores de prioridad....

Maria Jesus Bellido

Listo :-)

(Prioridad baja)

(Prioridad media)

(prioridad alta)

Seguramente cambiaré para que cambie también el icono al relleno, no solo el outlined. Creo que quedará mejor :-)

Eso sería ideal, pero lo que has hecho está genial.

Leidy Julieth Herrera Torres

Buen día María Jesús. Creo que podrías resolver lo del relleno colocando el condicional en el icono para que al seleccionar alguna de las opciones se cambie el icono de la bandera con bordes por el de la bandera que en el menú aparece completamente blanca. Espero te sirva.

Andrés Felipe Rivera Giraldo

No entiendo cómo es que cuando creas el group focus te lo ubica al extremo superior izquierdo del proyecto, y cuando haces la prueba te aparece justo abajo del ícono de la banderita, cómo hiciste ese movimiento de ese group focus, además, a un Pop-up.

Hola Andrés. Cuando creamos el grupo focus, si no le damos ningún elemento de referencia, por defecto Bubble lo coloca en el extremo superior izquierdo. Es una vez que le indicas, a través del panel de propiedades del grupo, qué elemento de referencia utilizar para colocar el grupo (en este caso, el icono), cuando se ubica en su lugar definitivo.

Perfecto, entendido. muchas gracias !

Lina Maria Saldarriaga Mejía

Me puedes decir como es crear un repeating group dentro de una opción SET como dijiste que lo habías hecho?, no entendí.

Hola Lina, entiendo que te refieres a crear un Repeating Group utilizando un Option Set como fuente de datos. En realidad, es como cualquier otro Repeating Group, pero en lugar de buscar en un 'DataType', usamos un Option Set, como este.

Para ello, seleccionas el Option Set en cuestión, como tipo de datos, y en la fuente de datos, seleccionas 'Get an Option'. lo cual abrirá un menú que te permite seleccionar el options set y sus valores.

Tommy Toala Cox

¿Cómo haría para que la prioridad seleccionada también se quede en bold y con el texto más grande?

No puedo con el repeating group porque ocupa espacio nose como el profesor y mis compañeros lo hicieron pero no puedo hacer que este debajo del icono... Se que si fuera tipo "float" podría suponer encima de cualquier elemento pero ni idea . Ayudaaaaaa

Bueno lo resolvi creando el elemento padre Focusgroup. luego lo llene con el repeating group y luego lo llene con el texto. El problema principal que tenia era como ubicar el elemento porque no se podia con el repeatingroup.

Dayan Ramirez

Nosé para qué ptas voya preguntar si no hay respuestas nunca. En este video me perdí :/

Hola Dayan, disculpa la demora, ¿a qué video te refieres?

Alberto David Cura

Hola ¿porque no usar un dropdown para seleccionar las opciones de prioridades?

Hola Alberto, podrías utilizar un drop-down, pero la idea era tratar de reproducir el aspecto de la app original y, al tiempo, mostrar formas alternativas de diseñar este tipo de entradas.

Jeisson Espinosa

Hace 2 años

Información resumida de esta clase

#EstudiantesDePlatzi

Dentro de la fuente de datos del elemento que va a mostrar el Option Sets debemos especificar que este es un Option Sets y que lo que queremos mostrar son las prioridades
en los condicionales puedo ajustar los estilos o efectos que tenga el elemento cuando el usuario interactúe con el
Necesitamos aprender sobre la lógica de programación

Janeiro Ramírez Pérez

Hace 3 años

Asi quedó.

Bua me demoré, pero lo logré. Hice que se ponga con el color dependiendo del que se escoja. No sé si puedo hacerlo dinámicamente, aunq seguiré intentándolo

Use esta condición en el icono

Mauricio Aquino

Me costó centrar el texto pero ya esta

Ignacio Corball

Así vamos

Joan Daniel Leon Laguna

esta herramienta (bubble) tiene su parecido a flutterflow

Hola Joan,

En esencia, todas las herramientas 'no-code' tratan de ofrecer editores visuales para reemplazar el código. Este es el caso de FlutterFlow que, al igual que Bubble, dispone de un editor visual, aunque las características y funcionalidad son diferentes.

Cristian David Suárez

No se si hice lo correcto; Lo primero fue crear un grupo focus y dentro de ese grupo focus meti un repeating group para que pudiera etar al lado del icono de la bandera. Al principio empece solo creando el reapeting group y sentia que estaba perdido.

Lo hice bien?

Hola Cristian, el grupo focus te permite ubicar el grupo en relación a otro elemento en pantalla, por tanto, si lo usaste para mostrar las opciones de prioridades, lo hiciste perfecto. Dentro de dicho grupo focus, puedes incorporar otros grupos, como el 'repeating group' que mencionas, para mostrar listas de datos, en este caso, los datos de prioridades en el option-set.

Asignando prioridades con Option Sets

Progreso del curso

Construyendo la aplicación: vista principal

Creando tareas

Configurando la bandeja de entrada

Búsqueda y filtrado de tareas

Bonus