Search results

Integrate other component inside the card in ASP.NET Core Card control

26 Nov 2021 / 1 minute to read

You can integrate any component inside the card element. Here ListView component is placed inside the card for showcasing the To-Do list.

Copied to clipboard
<div tabindex="0" class="e-card" id="basic">
    <div class="e-card-title">To-Do List</div>
    <div class="e-card-separator"></div>
    <div class="e-card-content">
        <ejs-listview id="listview" dataSource="ViewBag.dataSource" showCheckBox="true">
            <e-listview-fieldsettings Text="todoList"></e-listview-fieldsettings>
Copied to clipboard
public ActionResult Index()
    List<object> listdata = new List<object>();
    listdata.Add(new { todoList = "Pay Bills" });
    listdata.Add(new { todoList = "Call Chris" });
    listdata.Add(new { todoList = "Meet Andrew" });
    listdata.Add(new { todoList = "Visit Manager" });
    listdata.Add(new { todoList = "Customer Meeting" });
    ViewBag.dataSource = listdata;
    return View();

Output be like the below.

Alt text