Creando funcionalidades al menú lateral

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

Clase anteriorSiguiente clase

Luis Guillermo Ramirez Coronado

student•

Excelente curso.

Xabier Mendoza

teacher•

Gracias Luís, buen trabajo.

Ronal Delgado

student•

Por favor Luis, me puedes indicar el enlace de las clases en la que enseñan a elaborar la interfaz de usuario que muestras?, gracias.

Simón Alberto Estrada Hernández

student•

Link para las paletas de colores: https://coolors.co/palettes/trending

Xabier Mendoza

teacher•

Gracias Simón.

JULIAN ANDRES TEJADA CHICA

student•

Compañeros, alguien sabe como le disminuyó espacio entre las filas del repeating group, me quedan muy espaciadas y no me gustan visualmente, no lo he logrado.

Xabier Mendoza

teacher•

Julian, ¿puedes confirmar si has desmarcado 'set fixed number of rows' y fijado una altura de fila en pixels?

Luis M

student•

look mom, I can No-code!

Jonathan Macalupu Reyes

student•

Ya está agregada más tarea. He visto que para poder darle animaciones, se tendría que utilizar "Animate", y crear dos Workflow en vez de utilizar Toggle.

Xabier Mendoza

teacher•

No necesariamente. Si utilizas la función 'collapse', puedes hacer que sea animada 'animate de collapse operation'.

Francisco Antonio Rivera Viveros

student•

Está genial el curso de momento tengo que hacer otra cosa y regreso

Perla Margarita Escobar Riaño

student•

Valiosa información en este curso, muy bien explicado.

Xabier Mendoza

teacher•

Me alegra que te guste Perla.

Santiago Gallego Hurtado

student•

No logre relacionar para que me salieran los nombres de los proyectos que están en la base de datos, ¿me podrian ayudar?

ivan perez

student•

Para aquellos interesados solo deben dar doble clcik al texto y en la pestaña Appearance aparece una caja para insertar el texto. Cuando dan click en la caja de texto aparece la opción "Insert dynamic data".

Francisco Antonio Rivera Viveros

student•

Alguien sabe cómo se quita la línea que aparece?

Maria Jesus Bellido

student•

Ese separador forma parte de los estilos. Puedes usar "edit style" en "Appearance". En la derecha, tienes otro cuadro con tabs. En "appearance" otra vez, tienes "separato". Verás que por defecto aparece como "solid" y "width 1". Solo tienes que dejar la opción separato a "none" para que desaparezca. Como editas un estilo, ya se quedará así para el resto de repeating groups. Como siempre, también puedes crear tu propio estilo y seleccionarlo. Espero haberte ayudado :-)

Francisco Antonio Rivera Viveros

student•

Muchísimas gracias Maria 😀 funcionó

Jeisson Espinosa

student•

Información resumida de esta clase

#EstudiantesDePlatzi

Es importante tener organizados los Workflows con carpetas y colores
Aquí podemos ver como funcionan los datos dinamicos
Importante practicar con las condiciones y con las fuentes de datos dinamicos

Dani Bagur

student•

Hola Xabier, no consigo que muestre la tarea Trabajo cuando despliego Proyectos, me sale el icono del círculo con el color dado en la tabla de datos, pero el contenedor de texto está vacío.

Dani Bagur

student•

Jhosep Yamil Cerna Castro

student•

Que buen curso🥳, mis felicitaciones al docente, he visto varios cursos y la forma como la explica usted es genial, todo bien estructurado, por favor saque un curso con funcionalidades más avanzadas como incluir pasarelas de pago, búsquedas con filtros más avanzados, integraciones con inteligencia artificial, más casos aplicativos, etc.

Alejandra Peña Gutierrez

student•

Viva Xavier Mendoza !! Gracias!

Xabier Mendoza

teacher•

Gracias Alejandro.

Dardo Luis Vilar Rivero

student•

Si bien considero que en algunas situaciones la forma en la que se lo hace en Bubble no es la mas directa, es notable que Bubble tiene bien pensadas sus opciones para condicionales y demás, hay bastante potencial en su uso, pero como todo requiere practica para acostumbrarse.

Xabier Mendoza

teacher•

Así es Dardo, te animo a que sigas explorando, te sorprenderá el potencial de Bubble.

René Trujillo

student•

Lo veo bastante dificil de entender. Vengo del curso Glide, y es totalmente diferente. Y el profesor no explica muy bien sinceramente.

Simón Alberto Estrada Hernández

student•

A mi se me ha hecho relativamente fácil de entender hasta ahora, colocándolo en x1.75 porque el profesor a mi parecer habla lento, pero entiendo que esto debe ser así por un tema académico.

Dardo Luis Vilar Rivero

student•

Quizá te da la impresión de que no explica bien, pero considero quizá que es el tema de entender la lógica de como funciona la aplicación, Bubble da un poco de vueltas para algunas cosas pero una que entiendes la lógica de su flujo de trabajo y como se realizan las cosas, se hace mas sencillo.

Creando funcionalidades al menú lateral

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

Asignando prioridades

Asignando etiquetas

Descubriendo los option sets

Asignando prioridades con Option Sets

Cambiando los colores de las prioridades

Añadiendo tareas a tu base de datos

Configurando la bandeja de entrada

Creando la bandeja de entrada

Cómo funciona bandeja de entrada

Ordenando la bandeja de entrada

Búsqueda y filtrado de tareas

Filtrando tus tareas por fecha

Buscando tareas con la barra de búsqueda

Bonus

Cómo editar y borrar una tarea