Tooltips and Popovers

Tooltips

This is a basic example of the Tooltips, they are working with Shortcodes.

Vivamus default Tooltip lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor fringilla. Curabitur blandit tempus porttitor. Vestibulum id ligula porta felis Tooltip euismod semper.

Integer posuere erat a ante Tooltip venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla. Cum sociis Tooltip natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet non magna.

Vestibulum id ligula porta felis euismod semper. Donec Tooltip with much Text ullamcorper nulla non metus auctor fringilla. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi leo risus, porta   Tooltip with much more Text ac consectetur ac, vestibulum at eros. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius blandit sit amet non magna.

• Shortcode

  {tooltip text="Text here" title="Content here"}
  {tooltip text="Text here" title="Content here" link="http://www.google.de"}

Popovers

This is a basic example of the Popover Shortcode.

Popover Left    |    Popover Top    |    Popover Bottom    |    Popover Right

Popover Left Popover Top Popover Bottom Popover Right

• Shortcode

  Default Example
  {popover content="Content" title="Title" position="top" text="Click me"}
  
  Button Example
  {popover content="Content" title="Title" position="top" text="Click me" class="btn btn-default"}