RTL Layout
RTL support is built in and can be explicitly controlled through the rtl option. If not set, it is inherited from the locale settings.
Explore the different locales Check out this example →
Demo
Enable Right-To-Left rendering
Turn RTL on
$('#my-timeline').mobiscroll().eventcalendar({
rtl: true
}); 
JSHTML
mobiscroll.setOptions({
theme: ' ',
themeVariant: ' ',
locale: ,
});
$(function () {
var inst = $('#demo-rtl-right-to-left')
.mobiscroll()
.eventcalendar({
rtl: true,
view: {
timeline: { type: 'week' },
},
resources: [
{
id: 1,
name: 'Ryan',
color: '#fdf500',
},
{
id: 2,
name: 'Kate',
color: '#ff4600',
},
{
id: 3,
name: 'John',
color: '#ff0101',
},
{
id: 4,
name: 'Mark',
color: '#239a21',
},
{
id: 5,
name: 'Sharon',
color: '#8f1ed6',
},
{
id: 6,
name: 'Ashley',
color: '#01adff',
},
],
})
.mobiscroll('getInst');
$.getJSON(
'https://trial.mobiscroll.com/timeline-events/?callback=?',
function (events) {
inst.setEvents(events);
},
'jsonp',
);
});
<div id="demo-rtl-right-to-left"></div>