En este artículo quiero mostrarte cómo puedes colocar un logo en la aplicación web que estas desarrollando.
Primero de todo necesitas tener cargado en tu Espacio de Trabajo la imagen del logo que quieres ingresar.
Para ello ingresas a “Componentes Compartidos” de la aplicación y puedes seleccionar dos opciones de la sección “Archivos”:
- Archivos de Aplicación Estáticos: aquí se alojan los archivos que solo serán vistos por la aplicación.
- Archivos de Espacio de Trabajo Estáticos: aquí se alojan los archivos que serán vistos por todas las aplicaciones que se encuentran en el espacio de trabajo.
En este ejemplo vamos a ingresar la imagen del logo en la primera opción:
Hacemos clic en el botón Cargar Archivo >
Seleccionamos la imagen y en el caso de “Descomprimir Archivo” si en el caso que quisiéramos subir un archivo zip se descomprime automáticamente y se almacena en el directorio especificado. Tengamos en cuenta que el archivo zip como tal no se almacenará. (Nota: este atributo se ignora si el archivo cargado no es un zip)
Y hacemos clic en el botón Cargar.
Obtendremos la referencia a la imagen, en mi ejemplo: #APP_IMAGES#mi-logo.jpg
Regresamos a la página de inicio de la aplicación y hacemos clic en el botón “Editar propiedades de Aplicación”.
Seleccionamos la ficha “Interfaz de Usuario” y dentro de ella seleccionamos la ficha “Logotipo”
En Tipo de Logotipo, seleccionamos Imagen
Logotipo: #APP_IMAGES#mi-logo.jpg
Atributos de Logotipo: width="300" height="60" alt="Logotipo de Compañía"
Aplicamos los cambios.
Veamos los resultados ejecutando la aplicación:
De esta forma podemos visualizar nuestro logo en la aplicación.