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:
-
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.
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.
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page