I want to display all-day events side-by-side instead of one below the other just like events shown in the example in 8 am o'clock. Here I have created an example and in the all-day row I want to position two events next to each other.

the second question is, how can I adjust the margin between the text in all day events and the box, that shows the event?

https://dojo.telerik.com/uXuHuvak

Hi,

     Like Demo https://demos.telerik.com/kendo-ui/scheduler/timeline, 

     I want to change field start validation message when field input value is empty,

     Like this:

              start: { type: "date", from: "start", required: {message: "my validation message"} }

     It's not work....

     Thank you very much for your help. 

Hi,

      Method is https://docs.telerik.com/kendo-ui/knowledge-base/remote-validation?_ga=2.30044991.1233608935.1653012997-543877616.1650858150

      Demo is http://dojo.telerik.com/UgELisOy

      In above demo,  

      var remoteValidator = {
            valid: false,
            initiated: false,
            check: function(element, validator) {
            remoteValidator.initiated = true;
            //simulate Ajax
            setTimeout(function() {
                  //TODO: set to true if valid
                  remoteValidator.valid = true;

                  validator.validateInput(element);
                  remoteValidator.initiated = false;
            }, 1000);
          }
      };

      The form cannot be submitted normally.

       Thank you for your help!

Hi,

     Is it possible to make date(month/day) is vertical and time(hour:minute) is horizontal in the "week" view of scheduler?

    Thank you for your help!

Hi,

     When the browser side page contains Chinese characters, the display is normal(kendo.culture.zh-CN.min.js and kendo.messages.zh-CN.min.js).

     However, after exporting PDF, Chinese characters cannot be displayed normally.

     The code I use is:  var scheduler = $("#scheduler").data("kendoScheduler"); scheduler.saveAsPDF();

     How can I solve this problem?

     Thank you for your help!

Hi,

     In this demo: https://demos.telerik.com/kendo-ui/scheduler/timeline

     How can I elegantly get field value that is DropDownList type in customize validation  function , for example:  roomId or attendees.

     Thank you very much for your help.    

Hi,

     In this demo: https://demos.telerik.com/kendo-ui/scheduler/timeline

     I have a drives me crazy question:

       How can I code field's  change event function in edit-form , for example:  roomId or attendees.

    Thank you very much for your help. 

Hi,

     In this demo: https://demos.telerik.com/kendo-ui/scheduler/timeline

     I have a drives me crazy question:

       For example, I code customize validation  function for field roomId and field attendees in schema-model-fields. In roomId customize validation  function, How can I  manual programming trigger attendees's customize validation  function  for edit-form?

    Thank you very much for your help. 

I have a scheduler set to month view, and I wanted to shade certain dates regardless of if there is an event on that day or not.  I have the dates that need to be shaded ahead of time.

I created a class called previewDay which changes the background color, and I added code to the databound function that does this without issue, until I add 3 events

function kendoDateOnly(input) {
    if (input == null) {
        return "";
    }
    return kendo.parseDate(kendo.toString(input, 'd')).toLocaleDateString("en-US");
}
function preview_dataBound(e) {
    var scheduler = $("#event-preview-scheduler").data("kendoScheduler");
    var slots = $('.k-scheduler-content td');
    for (var i = 0; i < slots.length; i += 1) {
        var currentSlot = $(slots[i]); // Get current slotvar slotData = scheduler.slotByElement(currentSlot); // Get slot datavar startDate = kendoDateOnly(slotData.startDate); // Convert start date to M/d/yyyy formatif (_eventDates.includes(startDate)) {
            currentSlot.addClass('previewDay'); // Add the previewDay class
        } else {
            currentSlot.removeClass('previewDay'); // Remove the previewDay class (probably don't need to do this)
            currentSlot.addClass("k-other-month"); // Add the k-other-month class to gray out the other days
        }
    }
}

In my example, I need to shade July 3rd, July 4th, and July 5th.

I have an array called _eventDates which is ["7/3/2022", "7/4/2022", "7/5/2022"]

And with no events - this works exactly as expected

When I add 1-2 events, this continues to work

When I add a 3rd event, July 6th is shaded.  It does not matter what combination I use when I use 2, it always shades correctly, once I add that 3rd, it throws it off.

In this particular case, all 3 events on each day have the same information

Start: 07/03/2022 00:00
End: 07/03/2022 01:00

Though when I pull the slotData

Which makes sense as it is a month view, so they'll expand to fill the day

However, in all cases, the slotData has a startDate of Tue Jul 05, and that is what I'm matching on

If I throw a console.log of the startDate before I add the class

console.log(startDate);
currentSlot.addClass('previewDay');

I get this

(it's weird I get 7/3 twice?)

But 7/6/2022 is never there

And finally, here is the html for that row with the extra day shaded

<tr style="height: 186px;">
<td class="previewDay"><span class="k-link k-nav-day">03</span></td>
<td class="previewDay"><span class="k-link k-nav-day">04</span></td>
<td class="previewDay"><span class="k-link k-nav-day">05</span></td>
<td class="previewDay"><span class="k-link k-nav-day">06</span></td>
<td class="k-other-month"><span class="k-link k-nav-day">07</span></td>
<td class="k-other-month"><span class="k-link k-nav-day">08</span></td>
<td class="k-other-month"><span class="k-link k-nav-day">09</span></td>
</tr>

Can someone please help me out with what is going wrong here?