# basic checkbox

**URL:** <https://forums.fusetools.com/t/basic-checkbox/4801>\
**Category:** Show and Tell\
**Created:** [March 24, 2016, 9:12pm UTC](https://forums.fusetools.com/t/basic-checkbox/4801 "2016-03-24T21:12:21Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vlad](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/vlad/32/473_2.png) [@Vlad](https://forums.fusetools.com/u/Vlad)\
**Post date:** [March 24, 2016, 9:12pm UTC](https://forums.fusetools.com/t/basic-checkbox/4801/1 "2016-03-24T21:12:21Z")

</div>

Since Fuse doesn’t yet have standard checkboxes and radio buttons, here’s a simple home-made checkbox UX. It extends the ToggleControl base class. You can save it in a file such as Checkbox.ux and then use it in ux as `<Checkbox ux:Name="myCheckbox"/>`

Note: I’m using fontawesome for the checkmark inside the checkbox ([http://fortawesome.github.io/Font-Awesome/icon/check/](http://fortawesome.github.io/Font-Awesome/icon/check/))

```xml
<ToggleControl ux:Class="Checkbox" HitTestMode="LocalBounds">
    <Clicked>
        <Toggle Target="this"/>
    </Clicked>

    <Font File="fontawesome-webfont.ttf" ux:Global="fa_icons" />
    <Rectangle Width="15" Height="15" CornerRadius="3" >
        <LinearGradient StartPoint="0,0" EndPoint="0,1">
            <GradientStop Offset="0" Color="#f0f0f0" />
            <GradientStop Offset="1" Color="#e0e0e0" />
        </LinearGradient>
        <Text ux:Name="checkbox" Font="fa_icons"/>

        <WhileTrue Source="this">
            <Change checkbox.Value="&#xf00c;"/>
        </WhileTrue>
    </Rectangle>
</ToggleControl>

```

---

<div class="post-metadata">

**Author:** ![edA-qa\_mort-ora-y](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/eda-qa_mort-ora-y/32/124_2.png) [@edA-qa\_mort-ora-y](https://forums.fusetools.com/u/edA-qa_mort-ora-y)\
**Post date:** [March 30, 2016, 10:41am UTC](https://forums.fusetools.com/t/basic-checkbox/4801/2 "2016-03-30T10:41:34Z")

</div>

That looks good.

We’ll try to provide a solution soon for radio buttons, as there’s no simple way to do them yet.
