Hello,
I just copied some code for cards from this page:
https://docs.telerik.com/aspnet-core/knowledge-base/cards#styles
But the buttons on the cards, and the styles don't seem to be rendering properly. Are the cards not supported on the razor pages? I only see them in the main documentation page, not the razor docs page. Or am I missing something?
I attached an image showing what cards look like for me.
P.S: I have nothing on the page except for the code for cards:
@page
@model IndexModel
@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf
@Html.AntiForgeryToken()
@{
ViewData["Title"] = "Home page";
}
<! -- ########## Pasted code for cards here ########## -->
Hi
I have implemented the card UI and have the drag and drop working using the example script
$(document).ready( function () { $("#list").kendoSortable({ filter: ".k-card", cursor: "move", placeholder: function (element) {return element.clone().css("opacity", 0.1);}, hint: function (element) {return element.clone().css("width", element.width()).removeClass("k-state-selected");}});});
I want to be able to save the new order if the user drags and drops and item.
Is there an event to know when a drag and drop action has occurred.
Then I can loop through a class in javascript and grab the order from the ids or a data attribute to re-order the items.
Many thanks