GridScroller.Package 1.0.8

GridScroller

Uno Platform compatible UI Controls Collection scroller. For example it can be used as a CheckBoxCombo control.

License Overview

This project is dual-licensed under the following terms:

1. Non-Commercial Use

   • Licensed under the Apache-2.0.
   • Users must share the modifications they have made.
   • This applies only to non-commercial users.

2. Commercial Use

   • Requires a separate commercial license. A Licensee Number will need to be purchased.
   • Commercial users do not have to share modifications.
   • Contact Email: rauf.hammad@outlook.com or Website:https://hexword.ca for licensing inquiries.

Getting Started

• Non-commercial users can use the Apache-2.0 license.
• Commercial users must obtain a commercial licensee number before use.

For full terms, see LICENSE-Apache-2.0 and LICENSE-commercial.

Installing from Nuget.org

This software is available on NuGet.org as the GridScroller.Package.
To install the GridScroller package, you can use the NuGet Package Manager Console, the NuGet Package Manager in Visual Studio, or dotnet cli commands.

Using NuGet Package Manager Console

NuGet\Install-Package GridScroller.Package

Using dotNet CLI

dotnet add package GridScroller.Package

Example Usage

In your XAML file, add the namespace for the GridScroller control. Then use <gs:cmpGridScroller /> tag to define the control. You can add UI items inside the <gs:cmpGridScroller.Items> tag.

<Page x:Class="zevBrowserXaml.MainPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="using:zevBrowserXaml"
      xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
      xmlns:gs="using:GridScroller.Package"
      Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid>
            
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>

            
            <gs:cmpGridScroller Width="180" Height="100"
                    Background="LightYellow"
                    BorderBrush="Black"
                    BorderThickness="1" CornerRadius="5"
                    Margin="10" Grid.Row="2" Grid.RowSpan="3"
                    Grid.Column="1" Grid.ColumnSpan="2">
                <gs:cmpGridScroller.Items>
                    <CheckBox Content="Date Folder 1" Margin="5" />
                    <CheckBox Content="Date Folder 2" Margin="5" />
                    <CheckBox Content="Date Folder 3" Margin="5" />
                    <CheckBox Content="Date Folder 4" Margin="5" />
                    <CheckBox Content="Date Folder 5" Margin="5" />
                    <CheckBox Content="Date Folder 6" Margin="5" />
                </gs:cmpGridScroller.Items>
            </gs:cmpGridScroller>
    </Grid>
    </Page>

In your code-behind file, you can access the GridScroller.Package control and its items. For example:

public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
        // Initialize the GridScroller control programatically
        this.gsDates.Items = new ObservableCollection<UIElement>
        {
            new CheckBox { Content = "2025-05-12" },
            new CheckBox { Content = "2025-05-13" },
            new CheckBox { Content = "2025-05-14" },
            new Button { Content = "A" },
            new Button { Content = "B" }
        };
        this.gsDates.Background = new SolidColorBrush(Microsoft.UI.Colors.White);
    }
}

Images

Animated View - GridScroller

Screen Capture - GridScroller