| function OnClientItemsRequesting(sender, eventArgs) { |
| var context = eventArgs.get_context(); |
| var typeCombo = $find("<%= RadComboBoxArtistType.ClientID %>"); |
| context["FilterString"] = typeCombo.get_text(); |
| var sel = typeCombo.get_text(); |
| } |
| <telerik:RadComboBox ID="RadComboBoxArtistGenre" Runat="server" OnClientSelectedIndexChanging="LoadCategories" OnClientItemsRequesting="OnClientItemsRequesting" |
| OnClientItemsRequested="ItemsLoaded" Skin="Office2007" |
| Width="250px" onitemsrequested="RadComboBoxArtistGenre_ItemsRequested" |
| EnableLoadOnDemand="true" > |
| <CollapseAnimation Duration="200" Type="OutQuint" /> |
| </telerik:RadComboBox> |
<rad:RadMaskedTextBox ID="txtZip" Mask="#####-####" Width="60px" runat="server"
BackColor="#CCCCCC" Enabled="False">
</rad:RadMaskedTextBox>
<rad:RadNumericTextBox ID="txtLocationCode" MaxLength="2" Width="19px"
runat="server" BackColor="#CCCCCC" Enabled="False" Skin="Vista">
<NumberFormat AllowRounding="True"></NumberFormat>
</rad:RadNumericTextBox>
I want them to be disabled and grey background by default.
I have a checkbox on the form that when click I want to enable a group of controls and set their background back to white.
When I enable them I also set there background color to white.
However during mouseover the background goes back to the #CCCCCC color, Here is the javascript for the checkbox onclick event:
function
FormControls()
{
if (document.getElementById("ctl00_ContentPlaceHolder1_chkNewOffice").checked == true)
{
document.getElementById(
"ctl00_ContentPlaceHolder1_chkUseOnWebsite").disabled = false;
document.getElementById(
"ctl00_ContentPlaceHolder1_chkUseOnWebsite").parentElement.disabled=false;
document.getElementById(
"ctl00_ContentPlaceHolder1_txtLocationCode_text").disabled = false;
document.getElementById(
"ctl00_ContentPlaceHolder1_txtLocationCode_text").style.backgroundColor = '#FFFFFF';
}
else{
document.getElementById(
"ctl00_ContentPlaceHolder1_chkUseOnWebsite").disabled = true;
document.getElementById(
"ctl00_ContentPlaceHolder1_chkUseOnWebsite").parentElement.disabled = true;
document.getElementById(
"ctl00_ContentPlaceHolder1_txtLocationCode_text").disabled = true;
document.getElementById(
"ctl00_ContentPlaceHolder1_txtLocationCode_text").style.backgroundColor = '#CCCCCC';
}
}
What else do I need to enable to get rid of the #CCCCC background on mouseover?
Thank You,
Coty

| <%@ Page Language="C#" AutoEventWireup="true" Codebehind="Test.aspx.cs" Inherits="TestProject.Test" %> |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head runat="server"> |
| <title>Untitled Page</title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <div> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> |
| Date 1: |
| <telerik:RadDateInput ID="RadDateInput1" runat="server" SelectedDate="09/19/2008" /> |
| <br /> |
| <br /> |
| Date 2: |
| <telerik:RadDateInput ID="RadDateInput2" runat="server" /> |
| <br /> |
| <asp:CompareValidator ID="CompareValidator1" runat="server" ErrorMessage="Date 2 must be greater than or equal to date 1." |
| ControlToCompare="RadDateInput1" ControlToValidate="RadDateInput2" Type="Date" |
| Operator="GreaterThanEqual" /> |
| </div> |
| </form> |
| </body> |
| </html> |
protected void btnPrintLabels_Click(object sender, EventArgs e)
{
RadAjaxManager1.ResponseScripts.Add(
@"Sys.Application.add_load(function()
{radalert('Under Construction...', 250, 100);})"
);
}
