Introducción
El control de Banner le permite definir un encabezado de página global que generalmente incluye un logotipo, el nombre de la empresa, el eslogan, el título y subtítulo de una página. Con este control, puede mostrar cualquier imagen en la parte superior de una página con fines de personalización. Además, brinda a los usuarios la capacidad de establecer títulos y subtítulos personalizados que se implementan en todas las apps cuando se crean.
Este artículo describe los elementos esenciales para implementar un control Banner.
Agregar un Banner
El comportamiento por defecto de cualquier app es incluir el título y el subtítulo cuando la app es creada. Puede acceder a las configuraciones del control haciendo clic en el Banner; una caja azul rodeará el control y los botones Administrar y Configuraciones se mostrarán en la esquina superior derecha del control.
En caso de que el control sea removido, podrá ser encontrado en la pestaña Controles, en la sección de Banner, como se muestra a continuación:
1.En el menú superior, seleccione la opción Controles. Un menú desplegable mostrará todos los diferentes tipos de controles disponibles.
2.Seleccione la opción Banner y luego haga clic en Agregar imagen.
Configuraciones
Administrar
En la pestaña Administrar, puede configurar todo lo relacionado al contenido del título y subtítulo del Banner y las configuraciones de la imagen.
Elementos del Banner
Aquí puede personalizar el control del título y subtítulo. Para cada uno de ellos, usted puede:
•Decidir si el título o subtítulo es visible.
•Definir el contenido para el título y subtítulo.
•Cuando la casilla Colocar en la parte superior está activa, el subtítulo se muestra encima del título. Si no está activa, el título se muestra encima del subtítulo.
Al configurar el contenido de Banner en una página Privada o Página de Detalle, aparecen nuevas opciones en la pestaña Administrar.
Páginas Privadas
En las páginas Privadas usted puede agregar información de usuarios a sus textos haciendo clic en el botón Información de usuario, como se muestra a continuación:
Además, puede habilitar o deshabilitar botones de encabezado para mostrar acciones Relevantes para mí. Puede cambiar el tema de botones seleccionando las opciones Principal o Secundario.
Páginas de Detalle
En las páginas de Detalle puede agregar información de usuarios haciendo clic en el botón Información de usuario. Además, puede agregar información de entidades haciendo clic en el botón Información de entidad, como se muestra a continuación:
También puede habilitar o deshabilitar botones de encabezado para mostrar las Acciones de usuario. Puede cambiar el tema de botones seleccionando la opciones Primario o Secundario.
Ajustes de Banner
Dentro de los ajustes de Banner se puede configurar todo lo relacionado a los ajustes de Banner e imagen, como se muestra a continuación:
Este es el conjunto de elementos que puede configurar:
•Mostrar banner: defina si la imagen del Banner es visible o no.
•Altura: defina la altura del encabezado en píxeles.
•Espacio de banner: defina si la imagen se expande para caber en el ancho de la página, o es contenida dentro de las pautas.
•Ajustes de imagen: defina la imagen a usar. Puede cargar una imagen o usar el URL de una imagen en línea. Los siguientes formatos son soportados: .png, .jpg y .jpeg.
•Elija un ajuste: defina cómo se muestra la imagen en el espacio asignado. Puede elegir entre mantener el tamaño original, ajustarlo para que encaje o inclinar la imagen.
•Tamaño de la imagen: defina el tamaño de la imagen en su app.
•Opacidad de la imagen (%): defina la transparencia de la imagen.
•Color y opacidad del fondo: si la imagen tiene transparencia, este control le ayuda a definir el color y opacidad del fondo.
Haga clic en Aplicar para guardar sus cambios y Cancelar para desecharlos.
Diseño
En la pestaña de Diseño puede personalizar las fuentes y colores del título, subtítulo y botones.
•Fuentes: defina la fuente y el tamaño del título, el subtítulo y los botones. Cada fuente y tamaño es independiente del otro. La familia de fuentes de subtitulo por defecto es de Poppins Regular.
•Colores: defina los colores por separado del título, subtítulo, botones, fondo, flotar encima y borde.
Last Updated 8/2/2023 2:12:31 PM