Cannot bind the 'Active' property of a StateGroup to a ux:Property

Hi everyone,

Here in my code, I’m trying to make a ux:Class called Checkbox with two states: trueState, and falseState, depending on a value from a ux:Property called State.

But when I bind the Active property of the StateGroup to the ux:Property, I get this error

E2009: Call to ‘Fuse.Controls.PropertyBinding(Uno.UX.Property,Uno.UX.Property)’ has some invalid arguments (myproject_FuseTriggersStateGroup_Active_Property,myproject_Checkbox_State_Property)


<Panel ux:Class="Checkbox" HitTestMode="LocalBounds">
    <string ux:Property="Label" />
    <string ux:Property="State" />

    <UserEvent Name="ClickingEvent"/>
    <OnUserEvent Name="ClickingEvent" Handler="{ClickCheckbox}" />

    <Clicked>
        <RaiseUserEvent Name="ClickingEvent">
            <UserEventArg Name="label" StringValue="{Property this.Label}" />
            <UserEventArg Name="state" StringValue= "{Property this.State}" />
        </RaiseUserEvent>
    </Clicked>

    <Font File="fontawesome-webfont.ttf" ux:Global="fa_icons" />
    <Rectangle Width="20" Height="20" 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" Alignment="Center" TextAlignment="Center"/>
    </Rectangle>

    <StateGroup ux:Name="stateGroup" Active="{Property this.State}">
        <State ux:Name="trueState" >
            <Change checkbox.Value="&#xf00c;"/>
        </State>
        <State ux:Name="falseState" >
        </State>
    </StateGroup>
</Panel>

Hi!

Change the type of your property to State:

 <State ux:Property="State" />