How to hide tool tips (dhx_year_tooltip) besides bootstrap model

hardik_patel · June 21, 2019, 6:01am

Hi every one,
Can anyone solve this problem? I am using a bootstrap model and its z index about 1000 but still, I get tooltips on a popup. Please have a look at the following image.

Please help,

Thanks

Polina · June 21, 2019, 2:11pm

Hi,

Looks like you just need to change z-index of some element on the page.
To get a help, please reproduce the issue from the screenshot using the snippet tool https://snippet.dhtmlx.com/d197440dd then click on the Share button and send me the updated link.

hardik_patel · June 23, 2019, 11:20pm

Hi @Polina,
This is the snippet DHTMLX Snippets
I attached a problem and click on the circle button which open model.

However, I can use jquery .hide() with the class name to resolve issue, but do you have any better option?

Polina · June 25, 2019, 11:58am

Hi,

You can call private method scheduler._hideToolTip() to solve the issue

github.com

DHTMLX/scheduler/blob/v5.0.1/codebase/sources/ext/dhtmlxscheduler_year_view.js#L80


		for (var date in dates) {
			if (dates.hasOwnProperty(date)) {
				div = dates[date];
				div.className = "dhx_month_head";
				div.setAttribute("date", "");
			}
		}
		scheduler._year_marked_cells = {};
	};


	scheduler._hideToolTip = function() {
		if (this._tooltip) {
			this._tooltip.style.display = "none";
			this._tooltip.date = new Date(9999, 1, 1);
		}
	};


	scheduler._showToolTip = function(date, pos, e, src) {
		if (this._tooltip) {
			if (this._tooltip.date.valueOf() == date.valueOf()) return;
			this._tooltip.innerHTML = "";

Here is an updated snippet: http://snippet.dhtmlx.com/360ea57ba

hardik_patel · June 26, 2019, 1:37am

@Polina
Thanks It works.