basic checkbox

Show and Tell
1

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/)

<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>
2

That looks good.

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