Las cajas (boxes) son contenedores donde insertamos los elementos del contenido (texto, vínculos, documentos, etc.). Sirven para organizar el contenido en cada página. Cada página puede contener una o más cajas que se pueden reordenar y mover en la página en cualquier momento. La organización del contenido en cajas permite navegar por las distintas secciones de la página

Hay cuatro tipos de cajas según el contenido que vayamos a incluir:

• Standard: es la más común, la que más utilizaremos. Con ella podemos añadir texto enriquecido HTML y assets o recurso-ítem (enlaces, documentos, vídeos, listado de guías, enlaces a bases de datos y catálogos, buscador de Google, etc. que podemos crear o reutilizar si ya está creado).
• Tabbed: es una caja con diferentes pestañas en la parte superior. Permite, en una sola caja, organizar el contenido en pestañas.
• Gallery: permite incluir es una serie de imágenes, libros, bases de datos, guías o eventos de LibCal, que irán pasando en forma dinámica como una presentación.
• Profile: muestra la información del perfil de LibApps de un usuario específico. Sirve para incluir un perfil de contacto siempre y cuando los datos estén configurados en el perfil de usuario  My Profile.
  
   

Para ello disponemos de los enlaces Add Box al pie de cada columna de la página. Pulsando en estos se abrirá el menú emergente para añadir nuevas cajas, que tiene dos pestañas:

• La pestaña "Create New Box" pemite crear una nueva caja. Tiene las siguientes opciones:
  
  • Box Name: Insertaremos un nombre para la caja que mostrará en el encabezado de la caja y en la navegación lateral (si hemos seleccionado la navegación a nivel de caja en "Guide Navigation Layout").
  • Type: Seleccionamos el tipo de caja: Standard, Tabbed, Gallery o Profile.
  • Position: Posición relativa de la caja en la columna: al principio de la columna, al final o detrás de otra caja que podremos seleccionar.
    
     
  • Floating Box: Muestra la caja sin bordes, sin espacios alrededor y sin título en la vista pública.
  • Draft Mode: Modo borrador. Se oculta la caja de la vista pública. Para publicarla posteriormente debemos desmarcar esta opción.
    ¿No puedes sacar tu caja del modo Borrador? Si la opción Modo de borrador está deshabilitada, significa que el sistema tiene habilitado el flujo de trabajo de publicación. Solo los usuarios que han sido designados como revisores pueden cambiar la visibilidad de los cuadros ocultos en las guías publicadas.
  • Finalmente pulsamos Save para crear la caja.
     
• La pestaña "Reuse Existing Box" permite reutilizar una caja existente ya sea de la misma guía o de una guía diferente:
  
  
  Hay dos formas de reutilizar una caja:

  • Asignar una caja: esto agrega una caja a nuestra guía que está vinculada a la caja original (mapeada). A medida que se actualice la caja original, los cambios se reflejarán automáticamente en la versión asignada. Esta opción no permite editar el contenido en la versión. Para crear una caja vinculada dejaremos sin marcar el cuadro de verificación Copy.

  • Copiar una caja: esto creará una copia independiente de la caja original. Permite editar el cuadro copiado. Los cambios en la caja original no se reflejarán en nuestra copia. Para crear una copia independiente marcaremos el cuadro de verificación Copy. Se creará una nueva copia o recurso-asset en el repositorio que podrá ser reutilizada.

Podemos cambiar el orden de las cajas de una columna o mover cuadros entre columnas o páginas:. Para ello, clicamos en el menú de herramientas de página  Page, que se encuentra junto a la URL de la página.

En el menú desplegable clicamos en la opción Reorder / Move > Boxes

La ventana emergente "Reorder / Move Boxes" nos permite arrastrar y soltar la cajas en la posición deseada.

Pulsaremos "Save" para guardar los cambios.

Podemos compartir una caja copiando su enlace directo (lo que nos llevará al lugar exacto de la página donde está la caja) o incrustar esta en una página web externa (donde se mostrará todo el contenido de la caja mapeado).

Para copiar el enlace directo o el código de inserción clicamos en el icono lapicero de edición de la caja    y, en la ventana emergente "Edit Box", hacemos clic en la pestaña "Box Link & Widget Code".

1. Enlace directo: el primer campo, Box Link, nos muestra el enlace de la caja que nos llevará directamente al lugar de la página donde se encuentra la caja (es un enlace a la página con un ancla al lugar donde está la caja).
2. Código de inserción: el segundo campo "Box Widget Code" contiene un desplegable donde debemos seleccionar la opción Framed. Esta opción muestra un código de inserción "iframe" que nos permite incrustar la caja en una página web externa. Podemos copiar este código y pegarlo como código fuente en el widget "Redes Sociales" de la web UCM para mostrar el contenido de la caja (este contenido se actualizará en la web UCM cuando actualicemos la caja en la guía).
   
   Para que el contenido de la caja se ajuste en la página web UCM tenemos que ajustar el ancho y el alto del iframe añadiendo en la etiqueta "iframe" un estilo con las propiedades ancho y alto, con la siguiente sintaxis:
   
   style="width:100%; height:100vh;", por ejemplo, después del texto iframe:
    

   <iframe style="width:100%; height:100vh;" title="Content Box frame" id="s-lg-widget-frame-1709030866498" width="" height="" scrolling="yes" style="border: 1px solid #bbb; border-radius: 4px;" src="//lgapi-eu.libapps.com/widget_box.php?site_id=16214&widget_type=8&output_format=2&widget_title=Color+y+contraste&widget_height=&widget_width=&widget_embed_type=1&guide_id=680923&box_id=15186593&map_id=17970341&content_only=0&include_jquery=0&config_id=1709030866498" ></iframe>

   El alto depende de la extensión de la caja que vamos a incrustar, si ponemos un alto menor que el que ocupa el contenido de la caja se mostrará una barra de desplazamiento.