RadDateInput - Alert Icon - how to change

[Eduardo Dulanto]

Developers,

I am new to this, and I need to identify (locate)  the file that is used to display the alert icon (exclamation sign) that appears after a user has entered an invalid date.  I need to replace that file with another picture.  Please see the attachment.

Thanks for your help.

EDP

[Shinu]

Hello,


The following css will do the trick for you.

CSS:

<style type="text/css">
    html body .RadInput_Default .riError, html body .RadInput_Error_Default
    {
        background: url("../Images/Icons/invalidIcn.gif") no-repeat scroll 100% !important;
    }
</style>

-Shinu.

[Eduardo Dulanto]

Shinu,

Thanks for your reply.  I am still don't know how to use your answer yet.  All pages in the application containing the RadDateInput control inherit a Master Page which in turn has its own stylesheet.css file.  I just don't understand where to insert the code you sen to me.  I understood that the gif file will have to come from some folder in the App, but I do not see the link between the RadDateInput control declared below and your answer.  

If you could please explain, I will appreciatte it. 

Respectfully,  Eduardo.

 

 

<ItemTemplate>
    <telerik:RadDateInput runat="server" 
        ID="DateReceived" 
        autocomplete="off" 
        AutoPostBack="false"
        OnTextChanged="LineDetailDateReceived_TextChanged"
        DateFormat="MM/dd/yyyy" 
        TabIndex="6"
        onClick="PlaceFocus(this);"
        style="width:105px;height:22px;border: 1px solid #80A0C0;font-family:Arial;font-size:10pt;padding:2px;color:Black;text-align:center;" 
        IncrementSettings-InterceptArrowKeys="false" 
        IncrementSettings-InterceptMouseWheel="false" />
</ItemTemplate>

The StyleSheet.css looks like this:

 

body
{
 background-color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica;
 font-weight: normal;
 font-size: 8pt;
 margin-top: 10px;
 margin-left:10px;
 margin-bottom:0px;
 margin-right:0px;
}

.LabelStyleTextBox
{
 border:0px;
 font-family:Arial;
 font-size:12px;
 
}
.LabelStyleTextBoxWithBackground
{
 border:0px;
 font-family:Arial;
 font-size:12px;
 background-color:#ECF4FB;
}
-------- more ----------