Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

141
Views
Posibilidad fácil de usar para seleccionar un ícono de un gran conjunto de íconos

Tengo una aplicación web donde un usuario puede agregar una nueva categoría. La categoría se está insertando en la base de datos con la publicación de formulario.

Esta categoría debe tener un ícono (iconos de arranque https://icons.getbootstrap.com/ ) que el usuario debe poder seleccionar.

Uso el framework bootstrap 5.1.3 para el desarrollo.

No puedo encontrar una posibilidad fácil de usar para seleccionar un artículo entre 1500.

Lo he comprobado usando un elemento de selección con opciones en el formulario. El problema aquí es que el usuario solo podrá ver el nombre del ícono pero no la imagen del ícono. Bootstrap no admite agregar una imagen a las opciones.

¿Alguien tiene una idea de cómo implementar una posibilidad fácil de usar para elegir un ícono de un gran conjunto de íconos donde el usuario puede ver el ícono antes de seleccionarlo?

Debería poder guardar el nombre del icono seleccionado en la base de datos.

Sería bueno si alguien pudiera ayudarme :).

Muchas gracias a todos :)

about 4 years ago · Santiago Trujillo
1 answers
Answer question

0

Supongo que podría mostrar un modal con íconos representados con sus nombres y agregar la propiedad onClick para obtener el ícono que está seleccionando el usuario. También puede agregar un cuadro de búsqueda en la parte superior para filtrar los íconos por texto. Tipo de esto: https://react-icons.github.io/react-icons/icons?name=bs

about 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!