ContextMenuAction

<div id="chat"></div>
<script>
let messagesData = [
    {
        id: 1,
        text: "This is a sample message with context menu actions.",
        authorId: "support",
        authorName: "Support Agent",
        timestamp: new Date(2026, 0, 1, 9, 0)
    }
];

$("#chat").kendoChat({
    authorId: "user",
    dataSource: messagesData,
    messageActions: [
        { name: "reply", text: "Reply", icon: "undo" },
        { name: "forward", text: "Forward", icon: "share" },
        { name: "bookmark", text: "Bookmark", icon: "star" }
    ],
    contextMenuAction: function(e) {
        console.log("Context menu action executed:", e.type);
        console.log("On message:", e.message.text);

        if (e.type === "forward") {
            alert("Forwarding message: " + e.message.text);
        } else if (e.type === "bookmark") {
            alert("Bookmarked message: " + e.message.text);
        }
    }
});
</script>