Template:Tooltip: Difference between revisions

Revision as of 19:22, 19 June 2020

This template will create a popup box tooltip when the user hovers over 'Hover words', which will be underlined. The following is an example of what the call to this template should look like:

 {{Tooltip
  |Width=200px   /* adjust to desired box width */
  |Shift Left=100px  /* use this to adjust the tooltip box over words.  Typically, this should be 1/2 the size of the Width */ 
  |Hover words=Hover over these words
  |Words in popup=Words here will show up in a box when a user hovers over the 'Hover words'.
 }}

@@ Line 1: / Line 1: @@
 {{#if: {{{Hover words|}}}|
 <div class="tooltip"><u style="border-bottom: 1px dotted black; text-decoration: none;">{{{Hover words}}}</u>
-<span class="tooltiptext" style=" width:{{{Width}}};">{{{Words in popup}}}</span>
+<span class="tooltiptext" style=" width:{{{Width}}}; margin-left:-{{{Shift Left}}};">{{{Words in popup}}}</span>
 </div>
 }}
@@ Line 9: / Line 9: @@
   {{Tooltip
    |Width=200px   /* adjust to desired box width */
+  |Shift Left=100px  /* use this to adjust the tooltip box over words.  Typically, this should be 1/2 the size of the Width */
    |Hover words=Hover over these words
    |Words in popup=Words here will show up in a box when a user hovers over the 'Hover words'.
   }}</nowiki></noinclude><noinclude>[[Category:Guided Research]][[Category:Templates|Guided Research]]</noinclude>