Class KanbanErrorBarSettings

Represents the class that provides validation support for kanban columns, including properties for setting validation colors and error bar height.

Inheritance

System.Object

KanbanErrorBarSettings

Namespace: Syncfusion.UI.Xaml.Kanban

Assembly: Syncfusion.Kanban.WinUI.dll

Syntax

public class KanbanErrorBarSettings : DependencyObject

Constructors

KanbanErrorBarSettings()

Declaration

public KanbanErrorBarSettings()

Fields

ColorProperty

Using a DependencyProperty as the backing store for Color. This enables animation, styling, binding, etc...

Declaration

public static readonly DependencyProperty ColorProperty

Field Value

Type
Microsoft.UI.Xaml.DependencyProperty

HeightProperty

Using a DependencyProperty as the backing store for Height. This enables animation, styling, binding, etc...

Declaration

public static readonly DependencyProperty HeightProperty

Field Value

Type
Microsoft.UI.Xaml.DependencyProperty

MaximumValidationColorProperty

Using a DependencyProperty as the backing store for MaximumValidationColor. This enables animation, styling, binding, etc...

Declaration

public static readonly DependencyProperty MaximumValidationColorProperty

Field Value

Type
Microsoft.UI.Xaml.DependencyProperty

MinimumValidationColorProperty

Using a DependencyProperty as the backing store for MinimumValidationColor. This enables animation, styling, binding, etc...

Declaration

public static readonly DependencyProperty MinimumValidationColorProperty

Field Value

Type
Microsoft.UI.Xaml.DependencyProperty

Properties

Color

Gets or sets the brush that defines the color of the error bar in the KanbanColumn.

Declaration

public SolidColorBrush Color { get; set; }

Property Value

Type	Description
Microsoft.UI.Xaml.Media.SolidColorBrush	The default value of Color is null.

Remarks

This property allows customization of the error bar's appearance by specifying a Microsoft.UI.Xaml.Media.SolidColorBrush. It helps in visually indicating validation states within the Kanban column.

Examples

The below examples shows, how to set Color property of KanbanErrorBarSettings in the SfKanban.

# [XAML](#tab/tabid-1)

<kanban:SfKanban x:Name="kanban"
                ItemsSource="{Binding TaskDetails}">
    <kanban:SfKanban.DataContext>
           <local:ViewModel />
     </kanban:SfKanban.DataContext>
    <kanban:KanbanColumn Categories="Open" 
                         HeaderText="To Do"
                         MinimumCount="2"
                         MaximumCount="5">
        <kanban:KanbanColumn.ErrorBarSettings>
            <kanban:KanbanErrorBarSettings Color="Orange" 
                                           MinimumValidationColor="Yellow" 
                                           MaximumValidationColor="Red" 
                                           Height="2"/>
        </kanban:KanbanColumn.ErrorBarSettings>
    </kanban:KanbanColumn>
</kanban:SfKanban>

# [C#](#tab/tabid-2)

public class ViewModel
{
    public ViewModel()
    {
        TaskDetails = new ObservableCollection<KanbanModel>();
        TaskDetails.Add(new KanbanModel()
        {
            Title = "Universal App",
            Id = "6593",
            Description = "Draft preliminary software specifications",
            Category = "Review",
            IndicatorColorKey = "High",
            Tags = new List<string> { "Analysis" },
        });
    }
    public ObservableCollection<KanbanModel> TaskDetails { get; set; }
}

# [C#](#tab/tabid-3)

this.kanban.ItemsSource = new ViewModel().TaskDetails;
KanbanColumn kanbanColumn = new KanbanColumn() { Categories = "Open", HeaderText = "To Do", MinimumCount = 2, MaximumCount = 5 };
KanbanErrorBarSettings errorBarSettings = new KanbanErrorBarSettings();
errorBarSettings.Color = new SolidColorBrush(Colors.Orange);
kanbanColumn.ErrorBarSettings = errorBarSettings;
this.kanban.Columns.Add(kanbanColumn);

See Also

KanbanColumn

MinimumCount

MaximumCount

MinimumValidationColor

MaximumValidationColor

Height

Height

Gets or sets the height of the error bar in KanbanErrorBarSettings.

Declaration

public double Height { get; set; }

Property Value

Type	Description
System.Double	The default value of Height is 1d.

Remarks

This property allows you to define the height of the error bar, influencing its visual appearance in the Kanban column.

Examples

The below examples shows, how to set Height property of KanbanErrorBarSettings in the SfKanban.

# [XAML](#tab/tabid-10)

<kanban:SfKanban x:Name="kanban"
                ItemsSource="{Binding TaskDetails}">
    <kanban:SfKanban.DataContext>
           <local:ViewModel />
     </kanban:SfKanban.DataContext>
    <kanban:KanbanColumn Categories="Open" 
                         HeaderText="To Do"
                         MinimumCount="2"
                         MaximumCount="5">
        <kanban:KanbanColumn.ErrorBarSettings>
            <kanban:KanbanErrorBarSettings MinimumValidationColor="Yellow" 
                                           MaximumValidationColor="Red" 
                                           Height="2"/>
        </kanban:KanbanColumn.ErrorBarSettings>
    </kanban:KanbanColumn>
</kanban:SfKanban>

# [C#](#tab/tabid-11)

public class ViewModel
{
    public ViewModel()
    {
        TaskDetails = new ObservableCollection<KanbanModel>();
        TaskDetails.Add(new KanbanModel()
        {
            Title = "Universal App",
            Id = "6593",
            Description = "Draft preliminary software specifications",
            Category = "Review",
            IndicatorColorKey = "High",
            Tags = new List<string> { "Analysis" },
        });
    }
    public ObservableCollection<KanbanModel> TaskDetails { get; set; }
}

# [C#](#tab/tabid-12)

this.kanban.ItemsSource = new ViewModel().TaskDetails;
KanbanColumn kanbanColumn = new KanbanColumn() { Categories = "Open", HeaderText = "To Do", MinimumCount = 2, MaximumCount = 5 };
KanbanErrorBarSettings errorBarSettings = new KanbanErrorBarSettings();
errorBarSettings.Height = 2;
kanbanColumn.ErrorBarSettings = errorBarSettings;
this.kanban.Columns.Add(kanbanColumn);

See Also

KanbanColumn

MinimumCount

MaximumCount

Color

MinimumValidationColor

MaximumValidationColor

MaximumValidationColor

Gets or sets the brush that defines the color used for indicating maximum validation in KanbanErrorBarSettings.

Declaration

public SolidColorBrush MaximumValidationColor { get; set; }

Property Value

Type	Description
Microsoft.UI.Xaml.Media.SolidColorBrush	The default value of MaximumValidationColor is null.

Remarks

This property allows customization of the error bar's appearance by specifying a Microsoft.UI.Xaml.Media.SolidColorBrush. It visually indicates when the maximum validation condition is met within the Kanban column.

Examples

The below examples shows, how to set MaximumValidationColor property of KanbanErrorBarSettings in the SfKanban.

# [XAML](#tab/tabid-7)

<kanban:SfKanban x:Name="kanban"
                ItemsSource="{Binding TaskDetails}">
    <kanban:SfKanban.DataContext>
           <local:ViewModel />
     </kanban:SfKanban.DataContext>
    <kanban:KanbanColumn Categories="Open" 
                         HeaderText="To Do"
                         MinimumCount="2"
                         MaximumCount="5">
        <kanban:KanbanColumn.ErrorBarSettings>
            <kanban:KanbanErrorBarSettings MinimumValidationColor="Yellow" 
                                           MaximumValidationColor="Red" 
                                           Height="2"/>
        </kanban:KanbanColumn.ErrorBarSettings>
    </kanban:KanbanColumn>
</kanban:SfKanban>

# [C#](#tab/tabid-8)

public class ViewModel
{
    public ViewModel()
    {
        TaskDetails = new ObservableCollection<KanbanModel>();
        TaskDetails.Add(new KanbanModel()
        {
            Title = "Universal App",
            Id = "6593",
            Description = "Draft preliminary software specifications",
            Category = "Review",
            IndicatorColorKey = "High",
            Tags = new List<string> { "Analysis" },
        });
    }
    public ObservableCollection<KanbanModel> TaskDetails { get; set; }
}

# [C#](#tab/tabid-9)

this.kanban.ItemsSource = new ViewModel().TaskDetails;
KanbanColumn kanbanColumn = new KanbanColumn() { Categories = "Open", HeaderText = "To Do", MinimumCount = 2, MaximumCount = 5 };
KanbanErrorBarSettings errorBarSettings = new KanbanErrorBarSettings();
errorBarSettings.MaximumValidationColor = new SolidColorBrush(Colors.Red);
kanbanColumn.ErrorBarSettings = errorBarSettings;
this.kanban.Columns.Add(kanbanColumn);

See Also

KanbanColumn

MinimumCount

MaximumCount

Color

MinimumValidationColor

Height

MinimumValidationColor

Gets or sets the brush that defines the color used for indicating minimum validation in KanbanErrorBarSettings.

Declaration

public SolidColorBrush MinimumValidationColor { get; set; }

Property Value

Type	Description
Microsoft.UI.Xaml.Media.SolidColorBrush	The default value of MinimumValidationColor is null.

Remarks

This property allows customization of the error bar's appearance by specifying a Microsoft.UI.Xaml.Media.SolidColorBrush. It visually indicates when the minimum validation condition is met within the Kanban column.

Examples

The below examples shows, how to set MinimumValidationColor property of KanbanErrorBarSettings in the SfKanban.

# [XAML](#tab/tabid-4)

<kanban:SfKanban x:Name="kanban"
                ItemsSource="{Binding TaskDetails}">
    <kanban:SfKanban.DataContext>
           <local:ViewModel />
     </kanban:SfKanban.DataContext>
    <kanban:KanbanColumn Categories="Open" 
                         HeaderText="To Do"
                         MinimumCount="2"
                         MaximumCount="5">
        <kanban:KanbanColumn.ErrorBarSettings>
            <kanban:KanbanErrorBarSettings MinimumValidationColor="Yellow" 
                                           MaximumValidationColor="Red" 
                                           Height="2"/>
        </kanban:KanbanColumn.ErrorBarSettings>
    </kanban:KanbanColumn>
</kanban:SfKanban>

# [C#](#tab/tabid-5)

public class ViewModel
{
    public ViewModel()
    {
        TaskDetails = new ObservableCollection<KanbanModel>();
        TaskDetails.Add(new KanbanModel()
        {
            Title = "Universal App",
            Id = "6593",
            Description = "Draft preliminary software specifications",
            Category = "Review",
            IndicatorColorKey = "High",
            Tags = new List<string> { "Analysis" },
        });
    }
    public ObservableCollection<KanbanModel> TaskDetails { get; set; }
}

# [C#](#tab/tabid-6)

this.kanban.ItemsSource = new ViewModel().TaskDetails;
KanbanColumn kanbanColumn = new KanbanColumn() { Categories = "Open", HeaderText = "To Do", MinimumCount = 2, MaximumCount = 5 };
KanbanErrorBarSettings errorBarSettings = new KanbanErrorBarSettings();
errorBarSettings.MinimumValidationColor = new SolidColorBrush(Colors.Yellow);
kanbanColumn.ErrorBarSettings = errorBarSettings;
this.kanban.Columns.Add(kanbanColumn);

See Also

KanbanColumn

MinimumCount

MaximumCount

Color

MaximumValidationColor

Height