css padding help

[mmarchev]

Hi,  I am trying to make my calendar 3 months view with padding of 16px just like the demo.  But its not working, some Telerik css is overwriting it.  Even if I try to force it inline for each month its not working.

 

 

[Preslav]

Hi,

Based on the provided information, I believe that you want to change the space between the calendars in the MultiViewCalendar. Please, correct me if I am wrong.

If this is the case, you could use CSS similar to:

    <style>
      .k-calendar-range .k-content .k-meta-header, 
      .k-calendar-range .k-content .k-month-header {
        margin: 0 64px;
      }
      
      .k-calendar-range .k-content {
        padding: 0 64px 8px;
      }
    </style>

For a runnable example, check this test page - https://dojo.telerik.com/iZOtACUG

I hope this helps.

 

Regards,
Preslav
Progress Telerik