DHTMLX · ArtiBorisevich · Aug 18, 2026 · Aug 20, 2026 · Aug 27, 2026 · Sep 2, 2026
diff --git a/docs/guides/custom-events-content.md b/docs/guides/custom-events-content.md
@@ -45,19 +45,21 @@ and coloring the event's duration into orange color.*
 Then, here is the code you should use:
 
 ~~~js
-scheduler.attachEvent("onTemplatesReady", function(){
-    scheduler.templates.event_header = function(start,end,ev){
-        if (event.important == true){
-            return ("<img src='red_check.png'/> <b style='color:#F08080'>"+
-                scheduler.templates.event_date(start)+" - "+
-        } else {
-            return(scheduler.templates.event_date(start)+" - "+
-            scheduler.templates.event_date(end))
-        }
-    };
+scheduler.attachEvent("onTemplatesReady", function () {
+	scheduler.templates.event_header = function (start, end, ev) {
+		if (event.important) {
+			return `<div class="customHeader">
+						<img src='red_check.png'/>
+						<b>${scheduler.templates.event_date(start)} - ${scheduler.templates.event_date(end)}</b>
+					</div>`
+		} else {
+			return (scheduler.templates.event_date(start) + " - " +
+				scheduler.templates.event_date(end))
+		}
+	};
 }); 
 ...
-scheduler.init('scheduler_here', new Date(2019, 6, 5), "week");
+scheduler.init('scheduler_here', new Date(2027, 6, 5), "week");
 ~~~
 
 
@@ -80,13 +82,11 @@ scheduler.templates.event_text = function(start,end,ev){
 Then, here is the code you should use:
 
 ~~~js
-scheduler.attachEvent("onTemplatesReady", function(){
-    scheduler.templates.event_text="function(start,end,event){"
-        return "<b>" + event.text + "</b>
-
-<i>" + event.location + "</i>";
+scheduler.attachEvent("onTemplatesReady", function() {
+    scheduler.templates.event_text = function(start,end,event) {
+        return `<b>${event.text}</b><br><i>${event.location}</i>`;
     }
 }); 
 ...
-scheduler.init('scheduler_here', new Date(2019, 6, 5), "week");
+scheduler.init('scheduler_here', new Date(2027, 6, 5), "week");
 ~~~
diff --git a/docs/guides/lightbox-editors.md b/docs/guides/lightbox-editors.md
@@ -7,7 +7,7 @@ sidebar_label: "Lightbox Controls"
 
 Lightbox is an edit form used to alter the event's details. The default lightbox is presented in the image below.
 
-![lightbox](/img/lightbox.png)
+![lightbox](/img/standard_form.png)
 
 ## Lightbox Structure
 
@@ -16,7 +16,7 @@ The structure of the lightbox is specified by the **sections** property of the [
 
 ~~~js
 //default lightbox definition
-scheduler.config.lightbox.sections="["
+scheduler.config.lightbox.sections = [
     {name:"description", height:200, map_to:"text", type:"textarea" , focus:true},
     {name:"time", height:72, type:"time", map_to:"auto"}
 ];

diff --git a/docs/guides/minicalendar.md b/docs/guides/minicalendar.md
@@ -68,7 +68,7 @@ In this section we'll demonstrate you how to add a third party mini calendar (da
 
 ![custom_minicalendar](/img/custom_minicalendar.png)
 
-**Related sample** [3rd party Mini Calendar in the header](https://snippet.dhtmlx.com/5/0dca14de9)
+**Related sample** [3rd party Mini Calendar in the header](https://snippet.dhtmlx.com/7rozjr08)
 
 In our sample, we will add a mini calendar on the base of [jQuery](https://jquery.com) and [Bootstrap Datepicker](https://bootstrap-datepicker.readthedocs.io/en/latest/). If you use other libraries, you'll need to modify the code but the main approach should stay the same:
 
@@ -430,7 +430,7 @@ To customize the format of dates presented in the mini calendar (date picker), y
 
 ~~~js
 scheduler.templates.calendar_month = scheduler.date.date_to_str("%M, %Y");
-scheduler.init('scheduler_here',new Date(2019,2,1),"day");
+scheduler.init('scheduler_here',new Date(2027,2,1),"day");
 ...
 const calendar = scheduler.renderCalendar({..});
 ~~~
@@ -491,7 +491,7 @@ To assign a custom CSS class to a day, you can use the [markCalendar](api/method
 <script>
     const calendar = scheduler.renderCalendar({...});
      ...
-    scheduler.markCalendar(calendar, new Date(2019,3,1), "my_style");
+    scheduler.markCalendar(calendar, new Date(2027,3,1), "my_style");
 </script>
 ~~~
 

diff --git a/docs/views/agenda-view-templates-legacy.md b/docs/views/agenda-view-templates-legacy.md
@@ -7,7 +7,7 @@ sidebar_label: "Agenda View Templates"
 
 *The article refers to dhtmlxScheduler 6.0 or earlier versions. If you use dhtmlxScheduler 7.0+, see details [here](views/agenda-view-templates.md).*
 
-![agenda_view_templates](/img/agenda_view_templates.png)
+![agenda_view_templates](/img/agenda_view_templates_legacy.png)
 
 - [agenda_date](api/template/agenda_date.md) - the date in the header of the view
 - [agenda_text](api/template/agenda_text.md) - the text in the second column of the view

diff --git a/docs/views/agenda-view-templates.md b/docs/views/agenda-view-templates.md
@@ -5,6 +5,8 @@ sidebar_label: "Agenda View Templates"
 
 # Agenda View Templates
 
+![agenda_view_templates](/img/agenda_view_templates.png)
+
 *If you use dhtmlxScheduler 6.0 or earlier, see details [here](views/agenda-view-templates-legacy.md).
 
 - [agenda_date](api/template/agenda_date.md) - the date in the header of the view

diff --git a/docs/views/timeline-view-templates.md b/docs/views/timeline-view-templates.md
@@ -5,10 +5,7 @@ sidebar_label: "Timeline View Templates"
 
 # Timeline View Templates
 
-![timeline_view_templates_01](/img/timeline_view_templates_01.png)
-
-![timeline_view_templates_02](/img/timeline_view_templates_02.png)
-
+![timeline_view_templates](/img/timeline_view_templates.png)
 
 - [event_bar_text](api/template/event_bar_text.md) - the event text
 - [event_class](api/template/event_class.md) - the css style for the event container

diff --git a/docs/views/units.md b/docs/views/units.md
@@ -139,7 +139,7 @@ scheduler.date.units_start = function (date) {
 
 Starting from version 4.1, you have a possibility to assign events to several units.
 
-![multiple_sections](/img/multiple_sections.png)
+![multiple_sections](/img/multiple_sections_units.png)
 
 
 To enable the possibility: 

diff --git a/docs/views/weekagenda-view-templates.md b/docs/views/weekagenda-view-templates.md
@@ -5,7 +5,7 @@ sidebar_label: "WeekAgenda View Templates"
 
 # WeekAgenda View Templates
 
-![view_templates_week_agenda](/img/view_templates_week_agenda.png)
+![view_templates_week_agenda](/img/weekAgenda_view_templates.png)
 
 - [week_agenda_event_text](api/template/week_agenda_event_text.md) - specifies the event text
 - [week_agenda_scale_date](api/template/week_agenda_scale_date.md) - the date of a day cell of the view

diff --git a/docs/views/weekagenda.md b/docs/views/weekagenda.md
@@ -14,7 +14,7 @@ The Week Agenda view is a combination of Week and Agenda views presenting a list
 ![weekagenda_view](/img/weekagenda_view.png)
 
 
-[WeekAgenda view](https://docs.dhtmlx.com/scheduler/samples/03_extensions/24_week_agenda.html)
+[Week Agenda view](https://docs.dhtmlx.com/scheduler/samples/03_extensions/24_week_agenda.html)
 
 
 ## Initialization
@@ -43,7 +43,7 @@ scheduler.plugins({
 scheduler.locale.labels.week_agenda_tab = "Week Agenda"; 
 ~~~
 
-[WeekAgenda view](https://docs.dhtmlx.com/scheduler/samples/03_extensions/24_week_agenda.html)
+[Week Agenda view](https://docs.dhtmlx.com/scheduler/samples/03_extensions/24_week_agenda.html)
 
 ## GUI details 
 
@@ -54,7 +54,7 @@ scheduler.locale.labels.week_agenda_tab = "Week Agenda";
 ## Related guides
 
 - [Common Config Instructions](guides/configuration.md)
-- [WeekAgenda View Templates](views/weekagenda-view-templates.md)
+- [Week Agenda View Templates](views/weekagenda-view-templates.md)
 - [Loading Data](guides/loading-data.md)
 - [Skins](guides/skins.md)
 - [Localization](guides/localization.md)
diff --git a/i18n/de/docusaurus-plugin-content-docs/current/views/timeline-view-templates.md b/i18n/de/docusaurus-plugin-content-docs/current/views/timeline-view-templates.md
@@ -5,10 +5,7 @@ sidebar_label: "Timeline-Ansichtsvorlagen"
 
 # Timeline-Ansichtsvorlagen
 
-![timeline_view_templates_01](/img/timeline_view_templates_01.png)
-
-
-![timeline_view_templates_02](/img/timeline_view_templates_02.png)
+![timeline_view_templates](/img/timeline_view_templates.png)
 
 - [event_bar_text](api/template/event_bar_text.md) - zeigt den Text innerhalb eines Ereignisses an
 - [event_class](api/template/event_class.md) - definiert den CSS-Stil für den Ereignis-Container

diff --git a/i18n/ko/docusaurus-plugin-content-docs/current/views/timeline-view-templates.md b/i18n/ko/docusaurus-plugin-content-docs/current/views/timeline-view-templates.md
@@ -5,10 +5,7 @@ sidebar_label: "타임라인 뷰 템플릿"
 
 # 타임라인 뷰 템플릿
 
-![timeline_view_templates_01](/img/timeline_view_templates_01.png)
-
-
-![timeline_view_templates_02](/img/timeline_view_templates_02.png)
+![timeline_view_templates](/img/timeline_view_templates.png)
 
 - [event_bar_text](api/template/event_bar_text.md) - 이벤트 내부에 표시되는 텍스트를 설정합니다.
 - [event_class](api/template/event_class.md) - 이벤트 컨테이너의 CSS 스타일을 정의합니다.

diff --git a/i18n/ru/docusaurus-plugin-content-docs/current/views/timeline-view-templates.md b/i18n/ru/docusaurus-plugin-content-docs/current/views/timeline-view-templates.md
@@ -5,9 +5,7 @@ sidebar_label: "Шаблоны представления Timeline"
 
 # Шаблоны представления Timeline
 
-![timeline_view_templates_01](/img/timeline_view_templates_01.png)
-
-![timeline_view_templates_02](/img/timeline_view_templates_02.png)
+![timeline_view_templates](/img/timeline_view_templates.png)
 
 - [event_bar_text](api/template/event_bar_text.md) - отображает текст внутри события
 - [event_class](api/template/event_class.md) - определяет CSS-стиль для контейнера события

diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/views/timeline-view-templates.md b/i18n/zh/docusaurus-plugin-content-docs/current/views/timeline-view-templates.md
@@ -5,10 +5,7 @@ sidebar_label: "时间线视图模板"
 
 # 时间线视图模板
 
-![timeline_view_templates_01](/img/timeline_view_templates_01.png)
-
-
-![timeline_view_templates_02](/img/timeline_view_templates_02.png)
+![timeline_view_templates](/img/timeline_view_templates.png)
 
 - [event_bar_text](api/template/event_bar_text.md) - 显示事件内部的文本
 - [event_class](api/template/event_class.md) - 定义事件容器的CSS样式

diff --git a/static/img/agenda.png b/static/img/agenda.png
diff --git a/static/img/agenda_view_templates.png b/static/img/agenda_view_templates.png
diff --git a/static/img/agenda_view_templates_legacy.png b/static/img/agenda_view_templates_legacy.png
diff --git a/static/img/architecture.png b/static/img/architecture.png
diff --git a/static/img/buttons_property.png b/static/img/buttons_property.png
diff --git a/static/img/calendar_in_header.png b/static/img/calendar_in_header.png
diff --git a/static/img/checkbox_editor.png b/static/img/checkbox_editor.png
diff --git a/static/img/combo_editor.png b/static/img/combo_editor.png
diff --git a/static/img/container_autoresize_property.png b/static/img/container_autoresize_property.png
diff --git a/static/img/contrast_black_skin.png b/static/img/contrast_black_skin.png
diff --git a/static/img/contrast_white_skin.png b/static/img/contrast_white_skin.png
diff --git a/static/img/custom_cell_content.png b/static/img/custom_cell_content.png
diff --git a/static/img/custom_editor.png b/static/img/custom_editor.png
diff --git a/static/img/custom_event_color.png b/static/img/custom_event_color.png
diff --git a/static/img/custom_event_header.png b/static/img/custom_event_header.png
diff --git a/static/img/custom_event_text.png b/static/img/custom_event_text.png
diff --git a/static/img/custom_minicalendar.png b/static/img/custom_minicalendar.png
diff --git a/static/img/custom_view.png b/static/img/custom_view.png
diff --git a/static/img/customizing_edit_bar.png b/static/img/customizing_edit_bar.png
diff --git a/static/img/customizing_select_bar.png b/static/img/customizing_select_bar.png
diff --git a/static/img/day.png b/static/img/day.png
diff --git a/static/img/day_view.png b/static/img/day_view.png
diff --git a/static/img/day_view_properties.png b/static/img/day_view_properties.png
diff --git a/static/img/day_view_templates.png b/static/img/day_view_templates.png
diff --git a/static/img/day_xy_property.png b/static/img/day_xy_property.png
diff --git a/static/img/default_event_text.png b/static/img/default_event_text.png
diff --git a/static/img/grid.png b/static/img/grid.png
diff --git a/static/img/grid_view.png b/static/img/grid_view.png
diff --git a/static/img/grid_view_templates.png b/static/img/grid_view_templates.png
diff --git a/static/img/hiding_time_units.png b/static/img/hiding_time_units.png
diff --git a/static/img/highlighting_hidden_hours.png b/static/img/highlighting_hidden_hours.png
diff --git a/static/img/in_the_lightbox.png b/static/img/in_the_lightbox.png
diff --git a/static/img/lightbox_buttons.png b/static/img/lightbox_buttons.png
diff --git a/static/img/lightbox_config.png b/static/img/lightbox_config.png
diff --git a/static/img/limits_priority.png b/static/img/limits_priority.png
diff --git a/static/img/map.png b/static/img/map.png
diff --git a/static/img/map_view.png b/static/img/map_view.png
diff --git a/static/img/map_view_templates.png b/static/img/map_view_templates.png
diff --git a/static/img/map_xy_property.png b/static/img/map_xy_property.png
diff --git a/static/img/mini_calendar.png b/static/img/mini_calendar.png
diff --git a/static/img/month.png b/static/img/month.png
diff --git a/static/img/month_view.png b/static/img/month_view.png
diff --git a/static/img/month_view_templates.png b/static/img/month_view_templates.png
diff --git a/static/img/month_xy_property.png b/static/img/month_xy_property.png
diff --git a/static/img/multiday_units.png b/static/img/multiday_units.png
diff --git a/static/img/multiple_sections.png b/static/img/multiple_sections.png
diff --git a/static/img/multiple_sections_units.png b/static/img/multiple_sections_units.png
diff --git a/static/img/multiselect_editor.png b/static/img/multiselect_editor.png
diff --git a/static/img/option_event_text.png b/static/img/option_event_text.png
diff --git a/static/img/outside_the_scheduler.png b/static/img/outside_the_scheduler.png
diff --git a/static/img/radio_editor.png b/static/img/radio_editor.png
diff --git a/static/img/resizemonthtimed_config.png b/static/img/resizemonthtimed_config.png
diff --git a/static/img/scheduler_standard_form.png b/static/img/scheduler_standard_form.png
diff --git a/static/img/scheduler_wide_form.png b/static/img/scheduler_wide_form.png
diff --git a/static/img/select_editor.png b/static/img/select_editor.png
diff --git a/static/img/standard_form.png b/static/img/standard_form.png
diff --git a/static/img/stretching_events_01.png b/static/img/stretching_events_01.png
diff --git a/static/img/stretching_events_02.png b/static/img/stretching_events_02.png
diff --git a/static/img/template_editor.png b/static/img/template_editor.png
diff --git a/static/img/textarea_editor.png b/static/img/textarea_editor.png
diff --git a/static/img/time_editor.png b/static/img/time_editor.png
diff --git a/static/img/timeline.png b/static/img/timeline.png
diff --git a/static/img/timeline_bar_mode.png b/static/img/timeline_bar_mode.png
diff --git a/static/img/timeline_cell_mode.png b/static/img/timeline_cell_mode.png
diff --git a/static/img/timeline_days_mode.png b/static/img/timeline_days_mode.png
diff --git a/static/img/timeline_loading.png b/static/img/timeline_loading.png
diff --git a/static/img/timeline_scale_01.png b/static/img/timeline_scale_01.png
diff --git a/static/img/timeline_scale_interval.png b/static/img/timeline_scale_interval.png
diff --git a/static/img/timeline_second_axis.png b/static/img/timeline_second_axis.png
diff --git a/static/img/timeline_tree_mode.png b/static/img/timeline_tree_mode.png
diff --git a/static/img/timeline_view.png b/static/img/timeline_view.png
diff --git a/static/img/timeline_view_templates.png b/static/img/timeline_view_templates.png
diff --git a/static/img/timeline_view_templates_01.png b/static/img/timeline_view_templates_01.png
diff --git a/static/img/timeline_view_templates_02.png b/static/img/timeline_view_templates_02.png
diff --git a/static/img/units.png b/static/img/units.png
diff --git a/static/img/units_scroll.png b/static/img/units_scroll.png
diff --git a/static/img/units_view.png b/static/img/units_view.png
diff --git a/static/img/units_view_templates.png b/static/img/units_view_templates.png
diff --git a/static/img/week.png b/static/img/week.png
diff --git a/static/img/weekAgenda_view_templates.png b/static/img/weekAgenda_view_templates.png
diff --git a/static/img/weekView_properties.png b/static/img/weekView_properties.png
diff --git a/static/img/week_agenda_view.png b/static/img/week_agenda_view.png
diff --git a/static/img/week_template.png b/static/img/week_template.png
diff --git a/static/img/week_view.png b/static/img/week_view.png
diff --git a/static/img/week_view_templates.png b/static/img/week_view_templates.png
diff --git a/static/img/week_xy_property.png b/static/img/week_xy_property.png
diff --git a/static/img/weekagenda.png b/static/img/weekagenda.png
diff --git a/static/img/weekagenda_view.png b/static/img/weekagenda_view.png
diff --git a/static/img/weekagendaview.png b/static/img/weekagendaview.png
diff --git a/static/img/wideForm_property.png b/static/img/wideForm_property.png
diff --git a/static/img/wide_form.png b/static/img/wide_form.png
diff --git a/static/img/wide_form_false.png b/static/img/wide_form_false.png
diff --git a/static/img/wide_form_true.png b/static/img/wide_form_true.png
diff --git a/static/img/year.png b/static/img/year.png
diff --git a/static/img/year_view.png b/static/img/year_view.png
diff --git a/static/img/year_view_templates.png b/static/img/year_view_templates.png