Placeholder

3 Sep 20202 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