').addClass('event').html(items[index]).appendTo('body');
$(target).find('#content').append($newItem);
}
// Render
$(target).xiboLayoutScaler(properties);
$(target).xiboTextRender(properties, $(target).find('#content > .event'));
$(target).find('img').xiboImageRender(properties);
]]>
daily_light
static
event
Daily Calendar - Light
daily_light
800
500
This template uses features which will not work on devices with a browser older than Chrome 57, including webOS older than 6 and Tizen older than 5.
First hour slot
This view features a grid running from midnight to midnight. Use the first slot to shorten the time window shown.
Last hour slot
This view features a grid running from midnight to midnight. Use the last slot to shorten the time window shown.
Time Format
The format to apply to event time (default HH:mm).
HH:mm
Language
Select the language you would like to use.
Start at the current time?
Should the calendar start at the current time, or at the time of the first event?
1
Show now marker?
Should the calendar show a marker for the current time?
1
Text scale
Set the scale for the text element on the calendar.
1.0
Grid step
Duration, in minutes, for each row in the grid.
60
Colours
Use the colour pickers to override the element colours.
Grid Colour
#dadada
Grid Text Colour
#505050
Header (Weekdays)
Calendar Days
Background Colour
#f9f9f9
Text Colour
#3e4e63
Current day text Colour
#65668d
Now marker Colour
#ff2525
Events
Background Colour
#9264A6
Text Colour
#fff
All day events
Background Colour
#70497E
Text Colour
#fff
Multiple days events
Background Colour
#603D6B
Text Colour
#fff
Aditional days container
Background Colour
#dcdcdc
Text Colour
#656565