Placeholder

3 Sep 2020 / 2 minutes to read

The placeholder is used to denote the new position of a card in the KanbanColumn. It will appear when dragging a card over the column.

Placeholder style

The PlaceholderStyle property is used to customize the placeholder. The following KanbanPlaceholderStyle properties are used to customize its appearance:

  • BackgroundColor - Changes the background color of placeholder.
  • DashGap - Determines the dash gap of placeholder.
  • DashWidth - Provides dash width of placeholder.
  • StrokeColor - Changes the stroke color of placeholder.
  • StrokeWidth - Changes the stroke width of placeholder.
  • TextSize - Changes the text size of placeholder.
  • TextColor - Changes the text color of placeholder.

The following properties are used to customize the selected category when you have more than one category in a column:

The following code example describes the above behavior.

  • c#
    • KanbanPlaceholderStyle style = new KanbanPlaceholderStyle();
style.BackgroundColor = Color.Rgb(239, 89, 123);
style.DashGap = 1;
style.DashWidth = 1;
style.StrokeColor = Color.Blue;
style.StrokeWidth = 2;
style.TextSize = 20;
style.TextColor = Color.Green;

style.SelectedBackgroundColor = Color.Rgb(0, 255, 0);
style.SelectedDashGap = 2;
style.SelectedDashWidth = 1;
style.SelectedStrokeColor = Color.Yellow;
style.SelectedStrokeWidth = 2;
style.SelectedTextSize = 20;
style.SelectedTextColor = Color.Red;

kanban.PlaceholderStyle = style;

    The following screenshot illustrates the result of the above code sample.

    PlaceholderStyle support for Xamarin.Android Kanban