5.0 KiB
| layout | title | description | platform | control | documentation |
|---|---|---|---|---|---|
| post | PlaceholderStyle for Xamarin.Android Kanban | Kanban Placeholder style | Xamarin.Android | Kanban | ug |
Placeholder
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:
SelectedBackgroundColor- Changes the background color of a selected placeholder.SelectedDashGap- Determines the dash gap of a selected placeholder.SelectedDashWidth- Provides dash width of a selected placeholder.SelectedStrokeColor- Changes the stroke color of a selected placeholder.SelectedStrokeWidth- Changes the stroke width of a selected placeholder.SelectedTextSize- Changes the size of the text in a selected placeholder.SelectedTextColor- Changes the color of the text in a selected placeholder.
The following code example describes the above behavior.
{% highlight 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;
{% endhighlight %}
The following screenshot illustrates the result of the above code sample.
