How to Set Background Color to RadNumeric Text box

[Dhamodharan]

Hi,
I need to set Background Color to RadNumeric Text Box.




Thanks

[Princy]

Hi Dhamodharan

Trying the following markup to set background color to RadNumeric TextBox
aspx:

<telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server">
   <EnabledStyle BackColor="Red" />
</telerik:RadNumericTextBox>

Thanks
Princy

[Dhamodharan]

Hi,
 Thanks for your reply. how set the Back color to radNumericTextBox through Javascript.

[Princy]

Hi dhamodharan,

Try the following markup and Javascript to change the background color.

ASPX:

<telerik:RadNumericTextBox ID="RadNumericTextBox" runat="server">
    <ClientEvents OnLoad="Load" />
</telerik:RadNumericTextBox>

JS:

<script type="text/javascript">
function Load(sender, args) {
    sender.get_styles().EnabledStyle[0] += "background-color: Blue";
    sender.get_styles().HoveredStyle[0] += "background-color: Blue";
    sender.get_styles().FocusedStyle[0] += "background-color: Blue";
    sender.updateCssClass();
}
</script>

Thanks,
Princy.

[Dhamodharan]

Hi Princy,
Thanks, its Works fine.



Thanks

[Sheeraz]

Hi Princy,

I tried to run your code its working on control load but I want conditional formatting onvaluechanged event or radnumerictextbox.
I have tried to use this code in this event its work for first time entry for any other change it does not work. Please help me out with any running example.

Regards
Sheeraz Raza

[Princy]

Hi,

Try the following to achieve the same in onvaluechanged event.

JS:

function OnValueChanged(sender, args)
 {
        sender.get_styles().EnabledStyle[0] = sender.get_styles().EnabledStyle[0].replace("background-color: Red;", "")
        sender.get_styles().HoveredStyle[0] = sender.get_styles().HoveredStyle[0].replace("background-color: Red;", "")
        sender.get_styles().FocusedStyle[0] = sender.get_styles().FocusedStyle[0].replace("background-color: Red;", "")

        sender.get_styles().EnabledStyle[0] += "background-color: Red;";
        sender.get_styles().HoveredStyle[0] += "background-color: Red;";
        sender.get_styles().FocusedStyle[0] += "background-color: Red;";
        sender.updateCssClass();
 }

Thanks,
Princy.