• FRAMEWORK

Popover

Requirements for an opening element (a, button, i, span, div, strong etc.): data-toggle="popover"

Popover Data Toggle* Placement Title Data*
data-toggle="popover" data-placement="top" title="Popover Title" data-content="Lorem ipsum dolor sit amet..."
data-toggle="popover" data-placement="right" title="Popover Title" data-content="Lorem ipsum dolor sit amet..."
data-toggle="popover" data-placement="bottom" title="Popover Title" data-content="Lorem ipsum dolor sit amet..."
data-toggle="popover" data-placement="left" title="Popover Title" data-content="Lorem ipsum dolor sit amet..."

Popover with Form

Requirements for the modal (popover content div, section, table etc.) element: id="popoverExampleContent" and class="hide"

Example Data Toggle ID
data-toggle="popover" id="popoverUIExample"

    $('#popoverUIExample').popover({
    placement: 'bottom',
    title: 'Popover with form',
    html: true,
    content: $('#popoverUIExampleContent').html()
    });

Dismissible Popover

Please use the following structure to use dismissible popover.

Popover Data Toggle Attributes Title Data
Dismissible Popover data-toggle="popover" data-placement="top" data-trigger="focus" title="Popover Title" data-content="Lorem ipsum dolor sit amet..."