Skip to main content

Shell Tooltips

The format for shell tooltips is as follows:

Backend Code (in PHP template file)
<?php DynamicContent::includeTooltipShell("your-tooltip-element-name"); ?>
<div class="standard-tooltip-shell-content-container" data-tooltip-name="your-tooltip-element-name">
	<div class="standard-tooltip-content-paragraph">
		// Tooltip content goes here
	</div>
</div>
Frontend code (in corresponding template JS file)
static constructYourTooltip(yourTooltip) {
	let clone = HtmlTools.getStringReplacedTemplateClone('#your-tooltip-name--template',
			[],
			[]);
	clone.querySelector(`.standard-tooltip-content-paragraph`).innerHTML = yourTooltip.text_or_html_content;
	return clone;
}

// Initialise all currently uninitialised shell tooltips on the page
TooltipManager.initialiseStandardShellTooltips();