When utilizing the content property for a Kendo UI Menu's DataSource, the MenuItem's content is not created as expected based on documentation.
Here is a Progress Kendo UI Dojo which replicates the appearance issue.
This is a Dojo with an older version that is working as expected.
Define the content in a nested Items property:
{
text: "<b>Item 2</b>",
encoded: false, // Allows use of HTML for item text
items: [{
content: "text", // content within an item
contentAttr: {
style: 'border: 1px solid red; padding: 2px;', // Add attributes to the content container
custom: 'value'
}
}],
},
Here is a Dojo of the workaround in action.