Ekiline extra: Este apartado está destinado para características y modificadores del tema.

iframe modal
Este es un modificador de enlaces, asigna una clase css para poder abrir el contenido de un enlace en una ventana emergente sin abandonar el sitio.
En bootstrap estas ventanas se denominan modal-windows.

Enlace con modal window


image modal
Similar al anterior, este modificador aplica a enlaces de imagen, si necesitas abrir un enlace de imagen en una ventana emergente solo añade este modificador.


Tooltips

Los tooltips son pequeñas alertas que se añaden a enlaces y se activan con el paso del cursor o el clic.

Con Ekiline solo debes concluir los siguientes pasos para crear un tooltip:

  1. Crear un enlace
  2. Añadir un signo numeral (#) en la solicitud de url o dirección web,
  3. Seleccionar el formato de tooltip y asignar la posición, también en el mismo menú de formatos:
    Show Top, show right, show left, show bottom, en cada caso estos añadirán una clase CSS (marcado en rojo) y un dato extra (en verde) para su representación.
  4. Finalmente deberás cambiar la vista de tu editor a HTML para asignar 1 atributo tittle=”” a la etiqueta que conforma tu tooltipa.
<a class="tooltip-default" title="Mensaje de muestra" href="#" data-placement="top">Tooltip top</a>

Popovers

Los popovers son similares a los tooltips, con la diferencia de manejar más contenido en la etiqueta.

Completa el siguiente proceso para tener tus enlaces con un proponer:

  1. Crear un enlace
  2. Añadir un signo numeral (#) en la solicitud de url o dirección web,
  3. Seleccionar el formato de Popover y asignar la posición, también en el mismo menú de formatos:
    Show Top, show right, show left, show bottom, en cada caso estos añadirán una clase CSS (marcado en rojo) y un dato extra (en verde) para su representación.
  4. Finalmente deberás cambiar la vista de tu editor a HTML para asignar 2 atributos: tittle=”” y data-content=”” (marcado en azul)
<a class="popover-default" title="titulo de popover" href="#popover" data-content="contenido de popover" data-placement="top">Popover top</a>