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.

Un comentario en “Truco: Control Switch en Web

  1. Ariel

    Buen dia Javier.
    me gustaria saber si hay mas para usar, en este ejemplo esta el siguiente: (custom-switch)
    .classList.add(‘custom-switch’)
    O existe la manera de crear nuevos?
    gracias.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *