Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mejora - Vistas Personalizadas - Añadir Texto de ayuda contextual asociado a un campo #487

Open
jordiSTIC opened this issue Nov 26, 2024 · 0 comments
Assignees

Comments

@jordiSTIC
Copy link
Collaborator

¿Está tu propuesta relacionada con algún problema o falta de funcionalidad?

Actualmente, cuando alguien introduce un dato que no cumple con las reglas configuradas en una Vista Personalizada, podemos hacer modificaciones en dicho campo como indicar que es obligatorio o cambiar de color.

Aunque esto está bien para mantener la calidad de los datos, también puede resultar frustrante para los usuarios porque no saben qué han hecho mal ni cómo corregirlo.

Descripción de la propuesta

La idea es implementar una funcionalidad que muestre un mensaje de ayuda personalizado cuando el dato introducido no cumple con alguna regla o se cumple alguna condición concreta.

Este tipo de mensajes puede guiar al usuario y evitar que pierda tiempo intentando entender por qué no se aceptan los datos.

Por ejemplo:
image

Para ello, seria necesario en las opciones de configuración de un campo en Vistas Personalizadas añadir en "Aplicar a" la opción de "Solo el Texto de ayuda" por ejemplo en las Acciones de "Visible", "Color del texto", "Color del fondo", "Negrita", "Cursiva", "Subrayado" y "Estilo CSS"
Las acciones aplicadas a "Todo el campo" también aplicarían a este texto personalizado

También sería necesario añadir una nueva acción en la personalización de un campo para aplicar el "Texto de ayuda"

Información adicional

El texto de ayuda se representaría en el DOM mediante un <div> justo después del input del campo en el mismo <div> del campo, con la definición de estilo:

    font-size: smaller;
    width: 90%;

Se tendrá que tener especial cuidado si existe alguna regla de validación, ya que el mensaje de error mostrado al validar los datos eliminaría el texto de ayuda

Este texto de ayuda únicamente estará disponible en las vistas de edición (Vista de Edición y Vista de creación rápida)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants