popover

Basic Usage

This is a basic usage of the popover. Popovers can containcan any content and will flex accordingly. When the height of slide is unknown (which is most of the time), by default the popover will auto adjust its height to each slide. For this reason, it's best to position the popover at the bottom.

You can enter any username and password value. Login Forget Password

You have been logged in!
Show Popover

If you position a popover on top and click the button below you will see the popover position falls out of alignment when the height is changed. Click all the way through the process to see the positioning fail.

Show on top w/failed positioning
You can enter any username and password value. Login Forget Password

You have been logged in!

Top positioned popovers can maintain their height by using the initial slide as the height. This works best when the first slide is taller than the rest. In the event the latter slides are taller than the first, the content will automatically overflow.

Show on top w/correct positioning
You can enter any username and password value. Login Forget Password

You have been logged in!

Placement

Top Top Bottom Bottom Left Left Right Right

Triggers

mouseenter/mouseout mouseenter/mouseout focus/blur focus/blur