Nulla ac convallis ipsum. Nulla tellus erat, [tooltip link="#" title="Nulla ac convallis ipsum" position="top"] venenatis [/tooltip] in auctor quis, aliquet a magna. Ut tortor nisl; pellentesque a rhoncus non, semper a quam. Sed [tooltip link="#" title="Nulla ac convallis ipsum" position="top"] aliquet [/tooltip] libero at lorem ornare auctor ornare est condimentum. Morbi pulvinar nibh egestas massa venenatis sed [tooltip link="#" title="Nulla ac convallis ipsum" position="top"] condimentum [/tooltip] turpis suscipit. In hac habitasse platea dictumst. [tooltip link="#" title="Nulla ac convallis ipsum" position="top"] Quisque quis odio a odio porttitor [/tooltip] mattis! Donec id elit nec massa ornare dictum.
[tooltip link="#" title='TITLE' position='top']ADD_CONTENT_HERE [tooltip]
[space height="10"]
[space height="10"] [button link='#' title='Click here example Tooltip' position='top' type='warning']Tooltip on top[/button] [button link='#' title='Click here example Tooltip' position='left' type='primary']Tooltip on left[/button] [button link='#' title='Click here example Tooltip' position='right' type='info']Tooltip on right[/button] [button link='#' title='Click here example Tooltip' position='bottom' type='success']Tooltip on bottom[/button] [space height="30"]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='warning']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='primary']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='info']ADD_CONTENT_HERE[[/button]
[button  link='#' title='TITLE' position='top|right|bottom|left' type='success']ADD_CONTENT_HERE[[/button]

Customization Options / Features

  • Link : Link for website
  • Position : Select position align (top, bottom,left,right)
  • Type : Select type color (warning, primary, info, success)
  • Title : Text in tooltip