This is a migrated thread and some comments may be shown as answers.

KendoCalendar missing some Bootstrap Theme Styling?

4 Answers 140 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Alanm
Top achievements
Rank 2
Alanm asked on 14 Feb 2017, 03:45 PM

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?

4 Answers, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 16 Feb 2017, 11:32 AM
Hello Alanm,

As you can see in the following online demo, those are the default styles for the Calendar widget with Bootstrap theme:
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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Alanm
Top achievements
Rank 2
answered on 16 Feb 2017, 04:25 PM

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?

0
Accepted
Konstantin Dikov
Telerik team
answered on 20 Feb 2017, 11:41 AM
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:
Please excuse us for any inconvenience caused by this.


Best Regards,
Konstantin Dikov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Alanm
Top achievements
Rank 2
answered on 20 Feb 2017, 01:41 PM

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.

Tags
Calendar
Asked by
Alanm
Top achievements
Rank 2
Answers by
Konstantin Dikov
Telerik team
Alanm
Top achievements
Rank 2
Share this question
or