Tooltip Dialog Box Issue

[Jeffery McElroy]

I have DFFS installed in SP 2013 and am having issues with the tooltip dialog box not appearing next to the field it is related to on both hover and click. I reviewed this previous post and comments https://spjsblog.com/forums/topic/tooltip-position-issue/ but I am either not applying the solution correctly, or it is not working in SP 2013. Please advise. Thanks!

[Alexander Bautz]

Hi,
Which version of DFFS are you using? Is the issue related to scrolling down in a form?

Alexander

[Jeffery McElroy]

I am using v4.366. Yes, the issue is related to scrolling down in a form. When I hover or click the tooltip icon, the tooltip box does not appear next to the field it is associated with, but rather further down on the page after I scroll down.

[Alexander Bautz]

Hi,
Can you add a screenshot of the page (mask the URL) so I can see how your page layout looks. Are you aware of any master page changes?

If you feel up to it, add this function to the custom js textarea to override the default function (please note that this snippet is the original function, and you must modify it locally to see if you can identify the problem):

spjs.dffs.showTooltip = function(elm){
	$("#tooltipDlgHeader").hide();
	var id = spjs.$(elm).attr('fin'), p = spjs.$(elm).position(), s = spjs.$(window).scrollTop(), lc = {};
	if(spjs.dffs.data.isSP13){
		if(spjs.$("#s4-workspace").length > 0){
			s += spjs.$("#s4-workspace").scrollTop();
		}
		p.top += s;
	}
	spjs.$("#tooltipHolderInner").html("");
	if(spjs.dffs.data.isSP07 && !spjs.dffs.data.bOK){
		spjs.$("#tooltipHolderInner").css({"width":"550px"});
	}		
	spjs.$("#tooltipPlaceholder").attr("pin","0").css({"position":"absolute","left":p.left+25,"top":p.top+15});
	if(spjs.dffs.fields[id]!==undefined){
		spjs.$("#tooltipPlaceholder").appendTo(spjs.$(elm).parent());
		spjs.$("#tooltipHolderInner").html(spjs.dffs.data.tooltipObj[id]);
		$("#tooltipPlaceholder").css({"display":"inline","position":"absolute"}).stop(true,true).fadeIn(200);
		// Check left pos
		if(!spjs.dffs.data.isSP07){
			lc.l = spjs.$("#tooltipPlaceholder").offset().left;
			lc.tw = spjs.$("#tooltipPlaceholder").width();
			lc.ww = spjs.$(window).width();
			if(lc.l + lc.tw > lc.ww){
				p.left -= (lc.l + lc.tw) - lc.ww;
				spjs.$("#tooltipPlaceholder").css("left",p.left);
			}
		}
	}
}

Alexander

[Jeffery McElroy]

Hi,

I actually changed the “Site Look” and the issue resolved itself.

Thanks.

[Alexander Bautz]

I’m glad you figured it out.

Alexander

[Author]

Posts