change forecolor dynamically

[Bharani Mani]

Hello,
        Wish you all merry christmas and a happy new year.  I want to change the color of the text in a RadTextBox control dynamically OnMouseOut. I want to do it on Client-Side. I checked the Input styles properties. and I didnt see any method to set the style of input. I saw get_style() but not set_style, not sure how to do it..


Thanks,
Bharani

[sitefinitysteve]

You should be able to get it done with some quick jQuery

http://docs.jquery.com/CSS/css#namevalue

    $telerik.$("#'<%=myTextBox.ClientID %>'").mouseover(function () {
      $telerik.$(this).css("color","red");
    });

Here's the events you can use
http://docs.jquery.com/Events

jQuery comes embedded into most of the telerik components, just make sure to use $telerik.$ instead of just $.

Give it a try, you can do some awesome stuff with jQuery, and like I said, it comes built into the Telerik.Web.UI anyway!

Steve

[Princy]

Hello Bharani,

You can set styles for the datepicker as shown below:
js:

function MouseOut(sender,args)
    {
       sender.get_styles().EnabledStyle[0] += "background-color: lightblue;";
       sender.updateCssClass();
    }

Check out the section 'Changing the appearance style of RadInput controls on the client' of the following document for more information:
Client-Side Basics

Thanks
Princy.

[Bharani Mani]

Hello Princy,
         I did try your way of setting the forecolor of the textbox but didnt work.

            sender.get_styles().EnabledStyle[0] += "ForeColor: red";
            sender.updateCssClass();



     
Am I doing anything wrong?

Thanks,
Bharani

[Dimo]

Hi Bharani Mani,

ForeColor is a server-side ASP.NET property. The corresponding CSS property is color.

Please make yourself familiar with the CSS properties at

http://www.w3.org/TR/CSS21/propidx.html

Sincerely yours,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.