Top Color:
Main Color:
Bottom Color:
Header Image:
  • background1
  • background2
  • background3
  • background4
  • background5
  • background6
  • background7
  • background8
  • background9
Layout Style:
  • Wide
  • Boxed
Search

(+088) - 210 - 3647

Email : dnnskindev@gmail.com

Consulting Online !

Thursday , March , 28 2024
You are here : Features  >  Short Codes  >  Popovers

Usage

  1. <a data-original-title="Popover on right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="right" rel="popover" class="btn" href="#">Popover on right</a>

Options

Name type default description
data-placement string | function 'right' how to position the popover - top | bottom | left | right
data-trigger string 'click' how popover is triggered - click | hover | focus | manual
data-title string | function '' default title value if `title` attribute isn't present
data-content string | function '' default content value if `data-content` attribute isn't present
data-delay number | object 0

delay showing and hiding the popover (ms) - does not apply to manual trigger type

If a number is supplied, delay is applied to both hide/show