Custom html content inside month cell


#1

I plan to buy the Dhtmlx scheduler but checking the samples I couldn’t find the functionality that is a must in order to purchase it.

Here is a screenshot of what i try to archive:

  1. I need to have custom HTML content in the header part of the cell.
  2. I need to be able to click a cell (in month view) and based on some conditions to allow it to expand and to be able to display content in it.

#2

Hello @Nikolai_Dimentiev ,

Regarding this question:

I need to have custom HTML content in the header part of the cell.

You can return any HTML content in the header of the month cell using the month_day template:
https://docs.dhtmlx.com/scheduler/api__scheduler_month_day_template.html

It may look like follows:

scheduler.templates.month_day = function(date){
    var dateToStr_func = scheduler.date.date_to_str(scheduler.config.month_day);
    var content = `<button class="toggleBtn closed" onClick="expandCell()">Open</button>`;
  	var hiddenForm = `<div class="hidden_div" >Hidden form</div>`
    return `${content}  ${dateToStr_func(date)} ${hiddenForm}`;
};

Regarding this one:

I need to be able to click a cell (in month view) and based on some conditions to allow it to expand and to be able to display content in it

Currently, the scheduler doesn’t have such functionality.
Even if you will try to implement it with some custom solution, as the moth view is a table and each day is a td element - you can change the height of a cell, but it also will adjust the height of each other td in a tr:

Here is a demo:
http://snippet.dhtmlx.com/5/5be5919b3

And there is no way to increase the width of a single cell as it will break the table of the month view.