KendoCalendar missing some Bootstrap Theme Styling?

5 posts, 1 answers
  1. Alanm
    Alanm avatar
    26 posts
    Member since:
    Mar 2007

    Posted 14 Feb 2017 Link to this post

    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?

  2.
  3. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2466 posts

    Posted 16 Feb 2017 Link to this post

    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.
  5. Alanm
    Alanm avatar
    26 posts
    Member since:
    Mar 2007

    Posted 16 Feb 2017 in reply to Konstantin Dikov Link to this post

    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?

  7. Answer
    Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2466 posts

    Posted 20 Feb 2017 Link to this post

    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.
  9. Alanm
    Alanm avatar
    26 posts
    Member since:
    Mar 2007

    Posted 20 Feb 2017 in reply to Konstantin Dikov Link to this post

    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.

Back to Top