How can I make such style of checkbox ?

Hi, There,

How can I make such style of checkbox ?


Many thanks,



Hi Jack,

You can use the Toggle Button to achieve this layout. You can import this from the OutSystemsUIWeb at UIFlows -> Controls -> ToggleButton.


Kind regards,

Tyler

Solution

Hi,

If you aren't using OutsystemsUIWeb (I don't know what OS version you're using. OutsystemsUIWeb just exist in version 11), you can use it from WebPatterns in a similar way that Tyler wrote:


Best regards,

Ricardo M Pereira

Solution

Please, check the document ToggleButton and Switch or Toggle a Boolean Value. And about the styling, check this post.

Cheers,

Nuno Verdasca

Thank you Tyler,Ricardo,Nuno ,

By the way , how can I add text after checked ? the same see attached picture.

Thanks again,

Jack