I'm struggling to find any information on how to change/set one of the Kendo UI themes programatically. I've seen some information on ThemeBuilder but I really want my own drop-down menu to trigger a theme change.
If I have a menu item as follows, what do I need to put in the "onSelected" event to actually change the theme to that which has been selected?
$("#menuImages").kendoMenu({
dataSource: [
{
text: "",
imageUrl: "../../Content/images/languageMasterIcon.png",
items: [
{ text: "English (en-GB)" },
{ text: "English (en-US)" },
{ text: "German (de-DE)" }
]
},
{
text: "",
imageUrl: "../../Content/images/themeMasterIcon.png",
items: [
{ text: "Default" },
{ text: "Blue Opal" },
{ text: "Bootstrap" },
{ text: "Silver" },
{ text: "Uniform" },
{ text: "Metro" },
{ text: "Black" },
{ text: "Metro Black" },
{ text: "High Contrast" },
{ text: "Moonlight" }
]
},
... omitted for brevity ...
select: onSelect
});
function onSelect(e) {
// NEED TO KNOW WHAT GOES HERE TO CHANGE THE THEME TO THAT SELECTED
}
If I have a menu item as follows, what do I need to put in the "onSelected" event to actually change the theme to that which has been selected?
$("#menuImages").kendoMenu({
dataSource: [
{
text: "",
imageUrl: "../../Content/images/languageMasterIcon.png",
items: [
{ text: "English (en-GB)" },
{ text: "English (en-US)" },
{ text: "German (de-DE)" }
]
},
{
text: "",
imageUrl: "../../Content/images/themeMasterIcon.png",
items: [
{ text: "Default" },
{ text: "Blue Opal" },
{ text: "Bootstrap" },
{ text: "Silver" },
{ text: "Uniform" },
{ text: "Metro" },
{ text: "Black" },
{ text: "Metro Black" },
{ text: "High Contrast" },
{ text: "Moonlight" }
]
},
... omitted for brevity ...
select: onSelect
});
function onSelect(e) {
// NEED TO KNOW WHAT GOES HERE TO CHANGE THE THEME TO THAT SELECTED
}