Truco: Control Switch en Web

A continuación encontrarás traducida al Castellano el artículo publicado originalmente por Ricardo Cruz (@piradoiv) en el blog de Xojo. Puedes encontrar el artículo original aquí.

Controles Switch en Web, o los odias o los amas. La funcionalidad de un control Switch es tan similar a la de una casilla de verificación que, de hecho, vamos a “hackear” uno de estos controles para convertirlo en un control switch súper sencillo.

Sitúa un WebCheckbox en tu página web de un proyecto Xojo. Añade a continuación el manejador de evento Opening a dicho checkbox y pega a continuación las siguientes líneas de código:

Me.ExecuteJavaScript("document.getElementById('" + Me.ControlID + "').classList.add('custom-switch');")
Me.Style.Value("padding-left") = "32px" // Adjust if needed

Ejecuta el proyecto… ¡y disfruta!

Si te gusta este control, podrías considerar el crear una subclase de WebCheckbox de modo que te resulte más sencillo su uso en diferentes proyectos Xojo Web.