Tooltip

Descripción

Mostrará un elemento Tooltip al pasar el cursor sobre un elemento determinado. De apertura y cierre, permite otros shortcodes.

Uso

[tooltip title="" placement="top"][/tooltip]

Parámetros

  • title: Texto a mostrar. Obligatorio.
  • placement: Posición donde se mostrará el Tooltip. 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.

Soporte para HTML

[tooltip title="<em>Tooltip</em> <u>with</u> <b>HTML</b>" placement="top"]...[/tooltip]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Notas

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

<span data-toggle="tooltip" data-placement="top" title="" data-html="true" data-original-title="Tooltip on Top">rutrum faucibus dolor</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="tooltip"] {
	border-bottom: dotted 1px;
	/** */
}