{"id":10734,"date":"2022-11-10T17:27:45","date_gmt":"2022-11-10T14:27:45","guid":{"rendered":"https:\/\/dhtmlx.com\/blog\/?p=10734"},"modified":"2023-05-02T13:00:06","modified_gmt":"2023-05-02T10:00:06","slug":"meet-dhtmlx-event-calendar-v1-1","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/meet-dhtmlx-event-calendar-v1-1\/","title":{"rendered":"Announcing DHTMLX Event Calendar 1.1 with Year and Agenda Views, New Editor Types, and Extended Styling Options"},"content":{"rendered":"

A few months after releasing our JavaScript Event Calendar<\/a>, we\u2019re happy to announce its first minor release. In this update, you\u2019ll be able to set and customize two new timeline view modes, i.e., Year and Agenda. We also added features to use multiselect and radio types of the editor field and highlight grid cells via API.<\/p>\n

Download a free trial of Event Calendar v1.1 ><\/strong><\/a><\/p>\n

Year and Agenda View Modes<\/h5>\n

Starting from version 1.1, DHTMLX Event Calendar provides five built-in timeline view modes. Besides the already available Day, Week, and Month modes, users can now schedule their activities in Year and Agenda views.<\/p>\n

You can specify an initial view mode via the mode<\/a> property:<\/p>\n

\/\/ create Event Calendar<\/span>
\nnew<\/span> eventCalendar.EventCalendar<\/span>(<\/span>"#root"<\/span>,<\/span> {<\/span>
\n    mode:<\/span> "year"<\/span>
\n    \/\/ other configuration parameters<\/span>
\n}<\/span>)<\/span>;<\/span><\/div><\/div>\n

The code snippet below demonstrates all currently available views. You can switch the timeline between different view modes using the selector on the toolbar.<\/p>\n