Scheduler Adaptive mode

[FIMS Computing Services FIMS - UWO]

Hi,

When I try to use the adaptive mode in your scheduler adaptive demo https://docs.telerik.com/aspnet-mvc/html-helpers/scheduling/scheduler/adaptive-rendering I can't figure out how to save a new appointment.

I am seeing the same behaviour in my application on mobile devices.

The form for a new appointment opens up but there doesn't seem to be any way to save it.

What am I missing?

Thanks,

Charlotte

[Aleksandar]

Hello Charlotte,

When the adaptive mode is used on a mobile device the editor will use a different template. The save button is located on the header:

I do, however, agree that the above rendering is not quite intuitive. I have therefore logged a Feature Request on your behalf to improve the default template when the Scheduler is using adaptive rendering. I have also updated your Telerik points for brining this to our attention and helping us improve our product.

Until this is implemented, if you desire, you can space the buttons on the header to make it a bit more intuitive:

The above look can be achieved by adding an edit event handler and checking if the user is on a mobile device. If so, set the styling for the header:

        function onEdit(e){
          if(kendo.support.mobileOS){
            e.container.find(".k-header").css({
              "display": "flex",
              "justify-content": "space-between",
              "padding": "0px 8px"
            })
          }
        }

I hope this helps.

Regards,
Aleksandar
Progress Telerik

[FIMS Computing Services FIMS - UWO]

Thanks! That worked. I hadn't even noticed the check-mark before.