Asignando prioridades con Option Sets

Clase 11 de 19 • Curso de Apps No-code con Bubble: Interfaz y Funcionalidades

Contenido del curso

Construyendo la aplicación: vista principal

Creando tareas

Configurando la bandeja de entrada

Búsqueda y filtrado de tareas

Bonus

19
Cómo editar y borrar una tarea
09:32 min

Tomar examen

Comentarios

Juan Sebastian Mosquera

student•

Hecho!

Xabier Mendoza

teacher•

Se ve muy bien.

Ludvin Gutierrez

student•

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

José Reinaldo Duque Serna

student•

Mi pantalla con los colores de prioridad....

Maria Jesus Bellido

student•

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 :-)

Xabier Mendoza

teacher•

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

Leidy Julieth Herrera Torres

student•

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

student•

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.

Xabier Mendoza

teacher•

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.

Andrés Felipe Rivera Giraldo

student•

Perfecto, entendido. muchas gracias !

Lina Maria Saldarriaga Mejía

student•

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

Xabier Mendoza

teacher•

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

student•

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

Ludvin Gutierrez

student•

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

Ludvin Gutierrez

student•

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

student•

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

Xabier Mendoza

teacher•

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

Alberto David Cura

student•

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

Xabier Mendoza

teacher•

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

student•

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

student•

Asi quedó.

Tommy Toala Cox

student•

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

student•

Me costó centrar el texto pero ya esta

Ignacio Corball

student•

Así vamos

Joan Daniel Leon Laguna

student•

esta herramienta (bubble) tiene su parecido a flutterflow

Xabier Mendoza

teacher•

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

student•

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?

Xabier Mendoza

teacher•

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

Construyendo la aplicación: vista principal

Diseño Visual y Lógica en Aplicaciones Interactivas

Aplicando grupos repetitivos y menús desplegables

Creando funcionalidades al menú lateral

Creando tareas

Creando un formulario con Group Focus

Plugins

Creando tareas con el contenedor Popup

Dando funcionalidades al Popup con selectores