Example of Card Template in ASP.NET Core Kanban Control
Kanban
Templates
Card Template
This sample demonstrates how to customize the Kanban cards using templates. In this demo, the cards are
customized with
icons, images, and tags.
DEMO
SOURCE
Menu
- 5 items
Order
- 4 items
Ready to Serve
- 4 items
Delivered
- 4 items
Menu
Order
Ready to Serve
Delivered
Margherita
Lebanese Pizza topped with tomato sauce.
Small
$4.79
Pepper Barbecue and Onion
Pepper Barbecue chicken with Onion.
Medium
$11.99
Veggie Paradise
Veggie Delight with Goldern Corn, Black Olives, Capsicum and red Paprika.
Large
$14.99
Chicken Dominator
Double Pepper Barbecue Chicken with Peri-Peri Chicken, Chicken Tikka, Grilled and Rashers.
Small
$4.79
Farm House
Crunchy, crisp capsicum, succulent mushrooms and fresh tomatoes.
Large
$14.99
Mexican Green Wave
Order ID - #16365
Preparing
15 mins
Fresh Veggie
Order ID - #16366
Preparing
15 mins
Chicken Golden Delight
Order ID - #16372
Preparing
15 mins
Cheese and Corn
Order ID - #16377
Preparing
15 mins
Peppy Paneer
Order ID - #16367
Ready to Serve
5 mins
Pepper Barbecue Chicken
Order ID - #16370
Ready to Serve
5 mins
Chicken Sausage
Order ID - #16371
Ready to Serve
5 mins
Chicken Tikka
Order ID - #16378
Ready to Serve
5 mins
Indian Tandoori Paneer
Order ID - #16369
02/11/2022
Delivered
Chicken Fiesta
Order ID - #16374
02/11/2022
Delivered
Double Cheese Margherita
Order ID - #16375
02/11/2022
Delivered
Deluxe Veggie
Order ID - #16380
02/11/2022
Delivered
You can customize the default design of the Kanban cards using templates. This can be achieved using the
CardSettings -> Template property, which accepts the string or HTML element`s ID
value.
In this demo, all the cards are customized with templating as text, images, and tags.
Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components