Dec 12, 2018, 7:58 AM
Colormenu - define custom color palette
In version 2.x, how can I define a custom color palette for a ColorMenu item ?
thanks in advance
see example below
thanks in advance
see example below
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Ext.NET Example</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
<script>
var setColor = function (menu, color) {
var cmp;
if (menu.lastTargetIn(App.Panel1)) {
cmp = App.Panel1;
} else if (menu.lastTargetIn(App.Panel2)) {
cmp = App.Panel2;
}
cmp.body.applyStyles(Ext.String.format('background-color:#{0}', color));
};
var onDocReady = function () {
if (Ext.isFirefox51)
document.body.addEventListener("contextmenu", function (e) { e.preventDefault(); }, false);
}
</script>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server">
<Listeners>
<DocumentReady Handler="onDocReady();" />
</Listeners>
</ext:ResourceManager>
<ext:ColorMenu ID="ColorMenu1" runat="server">
<Picker runat="server" Value="FFFFFF" />
<Listeners>
<Select Handler="setColor(#{ColorMenu1}, color);" />
</Listeners>
</ext:ColorMenu>
<ext:Panel
ID="Panel1"
runat="server"
Height="200"
Title="Right-Click on this Panel"
ContextMenuID="ColorMenu1" />
<ext:Panel
ID="Panel2"
runat="server"
Height="200"
Title="Right-Click on this Panel too!"
ContextMenuID="ColorMenu1" />
</form>
</body>
</html>
Last edited by tanky65; Dec 12, 2018 at 8:04 AM.