Hi Team, I want to have a toggle switch with text inside, but I don't want to use JavaScript or any component.I am trying to achieve this using customizing Html & CSS, but I am not getting output as expected. Switch toggle is not working because span tag is creating by default when using checkbox inside.
Please find attached oml file for your reference.
I want the expected output as below
Hi @Mohammad Iqbal Yusuf Sheikh ,
I've updated your OML and added the switch as requested using only HTML and CSS. Feel free to customize it to your preference.
Thank you Mihai, Working as expected.
Hi Mihai,
I want the switch value as dynamic, could you please help me on that.
Hi, are you referring to the label text ('On'/'Off') or the actual boolean value of the switch?
Hi,
I am referring actual boolean value to switch or Aggregate value from database
I updated the OML and created a reusable block with an input parameter for the variable, an OnChange event to update it, and an initialization for the switch.
Thank you so much Mihai, It's working now.
You can check out this Labeled Toggle switch component from forge: https://www.outsystems.com/forge/component-overview/14791/switch-kendo-reactive
Hope it helps.
Thank You.
Thanks for sharing but I don't want to use the component