Cómo Agregar un Logotipo a una Aplicación¶

El siguiente documento le explicará los conceptos básicos para agregar un logotipo a una aplicación. Esto supone que tiene un archivo de logotipo existente disponible para trabajar con él.

Subir el Logotipo a una Colección¶

1. Vaya a la aplicación Look & Feel
2. Seleccione la Colección asociada con su aplicación a la que desea agregar el archivo del logotipo. Por ejemplo: Colección de prueba
3. Haga clic en la pestaña Imágenes
4. Haga clic en el botón +Imagen
5. Haga clic en Explorar y busque la imagen del archivo del logotipo.
6. Seleccione el archivo de imagen y haga clic en Abrir
7. Asigna un Nombre de imagen. Por ejemplo: Jitterbit Logo
8. Haga clic en Guardar

Localice el UUID de la Imagen del Logotipo¶

1. Vaya a la aplicación Look & Feel
2. Seleccione la Colección donde cargó el logotipo
3. Haga clic en la pestaña Imágenes
4. Localice el registro de la imagen del logotipo
5. Haga clic en el ícono Abrir registro
6. Seleccione la parte del valor URL relativa que aparece a continuación /image/. Por ejemplo: 50e85d87-e283-4953-983f-0bc3e18b3a7e
7. Copia el valor en tu portapapeles (este es el UUID de la imagen del logotipo)

Almacenar el UUID del Logotipo en una Tabla¶

1. Vaya a App Workbench
2. Ubique la tabla a la que desea agregar una columna para almacenar el ID del logotipo. Por ejemplo: Parámetro
3. Haga clic en Abrir registro para la tabla
4. Haga clic en +Columna
5. Asigne un Nombre para la columna. Por ejemplo: Logotipo
6. Establezca el Tipo de datos lógicos en ID único
7. Confirme que el Tipo de datos físicos sea UUID
8. Haga clic en Guardar
9. Haga clic en la x para salir de la pantalla
10. Haga clic en el botón Resultados
11. Haga clic en el ícono de edición de lápiz
12. Pegue el valor UUID de la imagen del logotipo en el campo correspondiente. Por ejemplo: Logotipo
13. Haga clic en Continuar
14. Confirme que tiene una regla que contiene el UUID del logotipo. Por ejemplo: Parámetro (Fuente)

Asociar el Menú del Sitio con una Regla Que Contenga el Logotipo¶

1. Navegue hasta el App Workbench
2. Haga clic en Menú
3. Haga clic en Abrir registro para acceder al menú principal de la aplicación
4. Haga clic en Editar
5. Seleccione el valor de Regla de origen que contiene la columna Logotipo. Por ejemplo: Parámetro (Origen)
6. Haga clic en Guardar
7. Haga clic en la x para salir de la pantalla
8. Haga clic en + Elemento de menú en el panel Elementos de menú
9. Seleccione Imagen como el valor de Tipos de control de datos
10. Asigne un Nombre. Por ejemplo: Jitterbit
11. En Características de origen, configure Columna de origen para que se asigne a la columna que contiene el UUID del logotipo. Por ejemplo: Logotipo
12. Haga clic en Guardar
13. Haga clic en la x para salir de la pantalla
14. Configure la Alineación en Izquierda
15. Navegue de regreso a la vista de la aplicación y actualice el navegador
16. Confirme que ahora ve la imagen del logotipo

Ejemplo de Actualizaciones de Temas para Ocultar el Título de la Página y el Botón Atrás¶

En este punto, es posible que desees realizar algunos ajustes adicionales mediante Temas. Por ejemplo, puedes optar por ocultar el botón de retroceso y el título de la página de la aplicación nativa. Este tipo de cambio debe considerarse con cuidado, ya que los cambios en la navegación pueden afectar la usabilidad de una aplicación.

1. Navega hasta la aplicación Look & Feel
2. Selecciona la Colección con la que está asociada tu aplicación
3. Con Estándar seleccionado como Tipo de tema, haz clic en +Tema
4. Asigna un Nombre de tema. Por ejemplo: Navegación personalizada
5. Haga clic en Guardar
6. Seleccione Página – Barra de título en el panel Componentes
7. Haga clic en + Estilo en el panel Estilos
8. Establezca el Área en Título de página
9. Establezca el Tipo de estilo en Mostrar
10. Establezca el Valor de visualización 1 en ninguno
11. Haga clic en Guardar
12. Vuelva a la vista de la aplicación, actualice el navegador y confirme la actualización
13. Vuelva al diseño del tema, haga clic en Crear en el panel Estilos
14. Establezca el Área en Botón Atrás
15. Establezca el Tipo de estilo en Mostrar
16. Establezca el Valor de visualización 1 en ninguno
17. Haga clic en Guardar
18. Haga clic en la x para salir de la pantalla
19. Vuelva a la vista de la aplicación, actualice y confirme la actualización