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