Popover

Descripción

Mostrará un elemento Popover al hacer clic en el elemento que lo contenga. De apertura y cierre, permite otros shortcodes.

Uso

[popover title="" content="" placement="top"][/popover]

Parámetros

  • title: Título a mostrar. Opcional pero recomendado.
  • content: Texto a mostrar. Opcional pero rercomendado.
  • placement: Posición donde se mostrará el Popover. Posibles valores: top, right, bottom, left. Valor predeterminado top.

Ejemplos

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Notas

En este caso, la salida que produce [popover] es una etiqueta <span>...</span>. Ejemplo:

<span data-toggle="popover" data-placement="top" title="" data-content="Aenean lacinia bibendum nulla sed consectetur" data-container="body" data-original-title="Popover on top">augue laoreet</span>

Por tanto, se recomienda englobar este shortcode dentro de un enlace u otro elemento, o formatear dicha etiqueta usando algo de CSS para que pueda llamar la atención a los usuarios.

[data-toggle="popover"] {
	border-bottom: dotted 1px;
	/** */
}