Change color of Navigation Calendar and Formatted Date?

[AceRoute Dev]

How do I change/override font color of Calendar icon and formattedDate in the top navigation bar?

[Vladimir Iliev]

Hi,

Currently modifying the default toolbar of the Scheduler is not supported out of the box and it will require custom solution. For example you can replace the build-in toolbar template using JavaScript or using custom CSS rules which to override the default ones.

Also I would suggest to share your idea at KendoUI UserVoice to allow other users vote for it. Most voted ideas are included in next KendoUI releases.

Regards,
Vladimir Iliev
Telerik

[AceRoute Dev]

Hi Vladimir - Thanks for the advise.

I used following CSS to change background of toolbar and date text color but I am not able to change color of .k-i-calendar icon. Can you please guide me on how to do it?

.k-scheduler .k-header,
.k-scheduler .k-nav-current .k-link,
.k-scheduler .k-nav-current .k-link .k-icon .k-i-calendar{
    color: #bdc3c7;
}

[Vladimir Iliev]

Hi,

Please note that the calendar icon is part of the following "sprite" image under the current theme folder and you should update the color of the icon manually:

• ..\Content\web\MetroBlack\sprite.png

Regards,
Vladimir Iliev
Telerik