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.

Subir el Logotipo a una Colección¶

1. Navegue hasta la aplicación Look & Feel
2. Seleccione la Colección asociada con su aplicación para agregarle el archivo del logotipo. Por ejemplo: recopilación de pruebas
3. Haga clic en la pestaña Imágenes
4. Haga clic en el botón +Imagen
5. Haga clic en Examinar y busque la imagen del archivo del logotipo.
6. Seleccione el archivo de imagen y haga clic en Abrir
7. Asigne un Nombre de imagen. Por ejemplo: logotipo de Jitterbit
8. Haga clic en Guardar

Localice el UUID de la Imagen del Logotipo¶

1. Navegue hasta la aplicación Look & Feel
2. Selecciona la Colección donde subiste el logo.
3. Haga clic en la pestaña Imágenes
4. Localice el registro de 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. Copie el valor en su portapapeles (este es el UUID de la imagen del logotipo)

Guarde el UUID del Logotipo en una Mesa¶

1. Navegue hasta App Workbench
2. Localice 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ógico 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 edición con 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 un Logotipo¶

1. Navegue hasta 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 Regla de origen que contiene la columna Logotipo. Por ejemplo: Parámetro (Fuente)
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 valor de Tipos de control de datos.
10. Asigne un Nombre. Por ejemplo: Jitterbit
11. Desde Funciones de origen, establezca Columna de origen para asignar 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. Establezca la alineación en Izquierda
15. Vuelva a la vista de la aplicación y actualice el navegador.
16. Confirma que ahora ves la imagen del logotipo.

Ejemplos 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 desee realizar algunos ajustes adicionales utilizando Temas. Puede optar por ocultar el botón Atrás de la aplicación nativa y el título de la página, por ejemplo. Este tipo de cambio debe considerarse cuidadosamente ya que los cambios en la navegación pueden afectar la usabilidad de una aplicación.

1. Navegue hasta la aplicación Look & Feel
2. Seleccione la Colección a la que está asociada su aplicación.
3. Con Estándar seleccionado como Tipo de tema, haga clic en +Tema
4. Asigne un Nombre del 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 la página
9. Establezca el tipo de estilo en Mostrar
10. Establezca 1 – Valor de visualización 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. Regrese 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 1 – Valor de visualización 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.