Cursos Empresas Blog Live Conf Eventos Precios

0:0014:22

Dando funcionalidades al Popup con selectores

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

Clase 7 de 19

Clase 7 / 19

Comentarios (10)10 comentarios

Rodolfo Ramirez

Hace 4 años

Si quieren ahorrarse tiempo , tener una UI y una mejor experiencia de Usuario al utilizar el botón de programar fecha de una nueva tarea utilicen la opción: > customize the imput placeholeder

Menu appereance donde aparece la opcion:

Preview del sitio web:

MIGUEL BERMUDEZ PINZON

gracias!

Jean Fabricio Zapata Pasuy

Genial, gracias por el tips, super útil

Juan Sebastian Mosquera

Hace 5 años

Así va quedando.

Xabier Mendoza

Profesor

Ha quedado genial Juan.

Maria Jesus Bellido

Así me va quedando. Finalmente el grupo con los dos botones y los iconos estaban en row y he pasado a column para agrupar los iconos abajo. Así queda muy parecido a mi app Todoist para móvil :-) Iré ajustando algunas cosillas más adelante.

(en el editor)

(preview)

Alberto David Cura

En el boton de fecha se puede usar un placeholder que diga "Programar" antes que poner un texto a parte con una condicion.

Alberto, en este caso estamos utilizando un ‘date picker’ para seleccionar la fecha, que no aceptaría un texto como ‘placeholer', por eso utilizo este método.

Israel Amezcua

Me parece que actualizaron bubble, y ahora el date/time picker si permite el placeholder, lo cual ahorra mucho tiempo, y casi la clase entera, aun asi, sigue siendo util para otros casos

Maximiliano Morales

Buenas cuando dices al final cambiar el aspecto del boton para que tenga el mismo look and file que el resto de la pagina . (que significa look and file? o que palabra es si no es esa?

Hola Maximiliano. Perdona por el término, con 'look & feel' me refiero a que tenga el mismo aspecto que el resto de botones o elementos en la página: color, tipo de borde, sombreado, etc.

Christopher William Flores Rimac

Como puedo hacer la linea separadora como la que agrego ?

Disculpa 'Christopher', ¿podrías detallar el problema? ¿a qué te refieres con la línea separadora?

Jeisson Espinosa

Hace 3 años

Información resumida de esta clase

#EstudiantesDePlatzi

Existe un elemento llamado Date/Timer Picker que nos sirve pare escoger una fecha y hora
Importante ir comprobando cada vez que hacemos cambios que estos funcionen como lo esperamos
Debemos practica con los workflows

Gabriela Ramirez

Ivan Camilo Martinez Mendieta

![](

Así va el mío.

Buen trabajo Ivan.

Jonathan Macalupu Reyes

¡Buen trabajo!

Dando funcionalidades al Popup con selectores

Progreso del curso

Construyendo la aplicación: vista principal

Creando tareas

Configurando la bandeja de entrada

Búsqueda y filtrado de tareas

Bonus