User-1994446809 posted
Hello forum,
I recently surfed the internet in search of how to highlight label control and change the color of the highlighted label with colorpicker; I found this link but when i followed it directions to highlight label on label click I could not find the label_Click
in the Events page in the properties windows.
Here is the article:
https://docs.microsoft.com/en-us/visualstudio/ide/step-4-add-a-click-event-handler-to-each-label?view=vs-2019
Please I need help in learning how to change color of a highlighted label on button click. For instance, I have 5 label controls and a button and I want to change color of a label when I highlight a label and click the button to change color.
What I tried is quite different from what I want to achieve
HTML
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<div>
<center>
<br /><br />
<asp:Label ID="Label1" runat="server" Text=" Name"></asp:Label><br /><br />
<asp:Label ID="Label2" runat="server" Text="Your Role"></asp:Label><br /><br />
<asp:Label ID="Label3" runat="server" Text="Age"></asp:Label><br /><br />
<asp:Label ID="Label4" runat="server" Text="ID Number"></asp:Label><br /><br />
<asp:Button ID="Button1" runat="server" Text="Change Color" />
<asp:TextBox ID="TextBox1" runat="server" Style="display: none;" />
<cc1:ColorPickerExtender ID="ColorPicker1" runat="server" TargetControlID="TextBox1" PopupButtonID="Button1" PopupPosition="Right" OnClientColorSelectionChanged="ColorChanged" />
</center>
</div>
</form>
<script type="text/javascript">
function ColorChanged(sender) {
//sender.get_element().value = "#" + sender.get_selectedColor();
document.getElementById("Label4").style.color = "#" + sender.get_selectedColor();
}
</script>
</body>
</html>
