Hover property of Today button

[John]

 Hi,

 I m using the latest version of calendar from Telerik. The issue is when I move my mouse over TODAY,OK,CANCEL button in month/year navigation popup the button style changes and I dont want like that. How to do it ?

Let me know

Thanks 

[Dimo]

Hello John,

In order to disable the hover styles, you have to override some styles in the RadCalendar skin. For example, these are the styles in the Office2007 skin:

.RadCalendarMonthView_Office2007 input
{
    border:1px solid #7793b9;
    padding:1px 0 0;
    background:#e8f1fc 0 -2300px repeat-x url('........');
    color:#00156e;
    font:12px "segoe ui",arial,sans-serif;
    cursor:pointer;
}

.RadCalendarMonthView_Office2007 input:hover
{
    border-color:#d8ca95 #b89f73 #c6b99c;
    background-color:#ffe18a;
    background-position:0 -2350px;
    color:#000;
}


You need to add the following CSS rule to your website:

table.RadCalendarMonthView_Office2007  input:hover
{
    border-color: #7793b9 ;
    background-color: #e8f1fc;
    background-position:0 -2300px;
    color: #00156e ;
}

In this way you will reapply the normal state styles for the hover state.

If you are using another skin, you can see the correct styles by using Firebug or by inspecting the non-embedded versions of the RadCalendar skins, which are located in the /Skins/ subfolder of your RadControls installation.


Kind regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.