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,




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


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


Nuno Verdasca

Thank you Tyler,Ricardo,Nuno ,

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

Thanks again,