Gradient colour for event

[Kevork]

Hi,

 

I have applied different colours for different events but I need to show different gradient colours or 2 colours for each event. Is there any way to do this?

 

Thanks in advance.

[Iliana Dyankova]

Hi Kevork,

You could apply gradient to the scheduler events by using linear gradient in the CSS background property. As an example: 

.k-scheduler .k-event {
  background: -o-linear-gradient(bottom, #B55FEB 0%, #472B52 55%);
  background: -moz-linear-gradient(bottom, #B55FEB 0%, #472B52 55%);
  background: -webkit-linear-gradient(bottom, #B55FEB 0%, #472B52 55%);
  background: -ms-linear-gradient(bottom, #B55FEB 0%, #472B52 55%);
  background: linear-gradient(to bottom, #B55FEB 0%, #472B52 55%);
}

Regards,
Iliana Nikolova
Telerik

[Kevork]

Thanks for the answer. This solution will apply the same gradient colour for all events but I need different gradient colours for different events based on event's status. How can I achieve that?

 

Thanks in advance.

[Iliana Dyankova]

Hi Kevork,

You could set different gradients in the same way as colors (for example by using eventTemplate). Take a look at this dojo which should give a basic idea.

Regards,
Iliana Nikolova
Telerik