KendoCalendar missing some Bootstrap Theme Styling?

[Alanm]

Hi, we're using the Bootstrap theme throughout our site and I've noticed that the KendoCalendar doesn't seem to have consistent bootstrap styling?

(See attached image)

I would expect it to have Border Radius applied and also some drop shadow?

Am I missing something or is this the case for everyone?

[Konstantin Dikov]

Hello Alanm,

As you can see in the following online demo, those are the default styles for the Calendar widget with Bootstrap theme:

• http://demos.telerik.com/kendo-ui/calendar/index

If you want to change some parts of the widget you can override the default styles:

<style>
  .k-calendar{
    border-radius: 5px;
  }
</style>

Best Regards,
Konstantin Dikov
Telerik by Progress

[Alanm]

Hi, thanks for you reply, as per my attachment then, I'm just wondering why is there an inconsistency in the styling between the DatePicker and the Calendar, the content looks the same but the actual main container styling should have the border radius as standard surely?

[Konstantin Dikov]

Hello Alanm,

You are correct that in regards of the bordering there should be consistency and I will log this as an issue. You can follow its progress at the following link:

• https://github.com/telerik/kendo-ui-core/issues/2794

Please excuse us for any inconvenience caused by this.


Best Regards,
Konstantin Dikov
Telerik by Progress

[Alanm]

Hi, thanks for this, I've done the necessary styling tweaks on our usage for now anyway, but I'd love to see this properly rectified in the future :)

 

Thanks.