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();