CheckGroup - Phenek/Global.InputForms GitHub Wiki

CheckGroup:

Radio Group is a StackLayout

Property Description
ItemsSource Gets or sets the source of items to template and display.
CheckTemplate Gets or sets the DataTemplate to apply to the ItemsSource. (Icheckable)

SAMPLE with Items Source:

<!-- Lefted CheckGroup & Righted CheckGroup -->
<StackLayout Orientation="Horizontal" HorizontalOptions="Center" Spacing="20">
    <!-- Lefted CheckGroup -->
    <global:FrameInfo>
        <global:CheckGroup x:Name="_checkStore"
                                Spacing="20"
                                HorizontalOptions="End"
                                ItemsSource="{Binding Languages}"
                                CheckTemplate="{StaticResource RightIconCheck}" />
        <global:FrameInfo.Behaviors>
            <valid:CheckGroupValidatorBehavior />
        </global:FrameInfo.Behaviors>
    </global:FrameInfo>

    <!--Righted CheckGroup -->
    <global:CheckGroup Spacing="20" Margin="10"
                            HorizontalOptions="Start"
                            ItemsSource="{Binding Languages}"
                            CheckTemplate="{StaticResource IconCheck}" />
</StackLayout>

SAMPLE without Items Source:

<!--CheckGroup with custom CheckButtons-->
<global:CheckGroup Grid.Column="0"
                        HorizontalOptions="Center"
                        x:Name="_checkGroup">

    <global:CheckButton Key="2" Value="English"
                    WidthRequest="100" HeightRequest="40" CornerRadius="20" FontSize="14"
                    BackgroundColor="White"
                    BorderColor="White"
                    TextColor="Navy"
                    CheckedBackgroundColor="Navy"
                    CheckedBorderColor="White"
                    CheckedTextColor="White" />

    <global:CheckButton Key="3" Value="Spanish"
                    WidthRequest="100" HeightRequest="40" CornerRadius="20" FontSize="14"
                    BackgroundColor="White"
                    BorderColor="Maroon"
                    TextColor="Maroon"
                    CheckedBackgroundColor="Maroon"
                    CheckedBorderColor="Maroon"
                    CheckedTextColor="White" />

    <global:CheckButton Key="4" Value="Russian"
                    WidthRequest="100" HeightRequest="40" CornerRadius="20" FontSize="14"
                    BackgroundColor="White"
                    BorderColor="Teal"
                    TextColor="Teal"
                    CheckedBackgroundColor="Teal"
                    CheckedBorderColor="Teal"
                    CheckedTextColor="White"/>
</global:CheckGroup>
⚠️ **GitHub.com Fallback** ⚠️