[sp-demo-header title="Tooltip%20ShortPoint" sub_title="The%20most%20complete%20Tooltip%20for%20SharePoint%2C%20Office%20365%20and%20SAP%20Portal" description="Tooltip%20ShortPoint%20used%20to%20show%20text%20in%20a%20tooltip%20when%20mouse%20is%20over%20tooltip%20text.%20Use%20this%20ShortPoint%20within%20your%20SharePoint%20page%20text%20to%20show%20extra%20information%20about%20a%20word%20or%20sentence%20for%20example" /]
Tooltip Examples
[section class="shortpoint-copy"]
[section-item]
[row]
[column 12]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed [tooltip title="Top%20positioned%20tooltip"]Tooltip (Top)[/tooltip]
tempus velit eget quam tempor, et pretium augue tristique. Mauris sit amet [tooltip left title="Left%20positioned%20tooltip"]Tooltip (Left)[/tooltip]
odio id leo ultrices bibendum. Pellentesque hendrerit, turpis a commodo hendrerit, nunc eros cursus nibh, vitae hendrerit eros [tooltip right title="Right%20positioned%20tooltip"]Tooltip (Right)[/tooltip]
metus id elit. Donec lobortis arcu sit amet lacus sollicitudin, vel dictum augue feugiat. [tooltip bottom title="Bottom%20positioned%20tooltip"]Tooltip (Bottom)[/tooltip]
Sed sapien lacus, convallis ac pellentesque eu, luctus commodo leo. Vestibulum consequat erat vitae ante suscipit, nec porta urna feugiat. In hac habitasse platea dictumst.[/column]
[/row]
[/section-item]
[/section]
Tooltip Options Demos
Different Positions
[divider style="double-dotted" /]
[section class="shortpoint-copy"]
[section-item]
[row]
[column 12]
[tooltip title="Title"]Top positioned tooltip[/tooltip]
[tooltip left title="Title"]Left positioned tooltip[/tooltip]
[tooltip right title="Title"]Right positioned tooltip[/tooltip]
[tooltip bottom title="Title"]Bottom positioned tooltip[/tooltip]
[/column]
[/row]
[/section-item]
[/section]
[sp-demo-doc]
Title – required! Text in the tooltip
Tooltip content – content that shows in the tooltip
Placement – place where you will see the tooltip appearance:
- Default – by default tooltip will appear on the top
- Left – tooltip will appear on the left side
- Right – tooltip will appear on the right side
- Bottom – tooltip will appear on the bottom
[/sp-demo-doc]