Colores para el Welcome Portal y las aplicaciones

Después de seleccionar una plantilla de la lista Plantillas, ¡hazla tuya!

Al modificar una plantilla existente, la personalización de los elementos sobrescribirá la plantilla original.

Hay varios esquemas de color preestablecidos disponibles, y recomendamos revisarlos primero. También puedes personalizar estos esquemas cargándolos en los ajustes personalizados.

¡Atención! Si carga un conjunto de colores en la configuración personalizada, se sobrescribirán los colores personalizados existentes.

Los colores del Welcome Portal

La barra superior del Welcome Portal

Imagen y título

Para mostrar la barra superior, editar el título, personalizar el color de fondo y el color del texto

1. Ampliar Welcome Portal > Definiciones
2. Asegúrese de que la opción Mostrar la barra superior está activada
3. Edite el Título principal, el subtítulo y cargue la imagen principal, si alguna.

Cambiar los colores del fondo y los textos

Para cambiar el color de fondo y el texto de la App Bar

1. Ampliar los Colores para el Welcome Portal y las aplicaciones
2. Asegúrese de que el Tipo está configurado como Personalizados
3. Ampliar losColores para el Welcome Portal
4. En Fondo de la barra superior seleccione o edite el color RGBA para el fondo de la aplicación superior y su transparencia
5. En Textos de la barra superior, seleccione o edite el color RGBA de los textos de la barra superior y ajuste su transparencia
6. Guarde los cambios haciendo clic en el botón Guardar de la esquina superior derecha.

La barra de aplicaciones en la parte inferior

Para mostrar la Barra de aplicaciones

1. Expander Welcome Portal > Aplicaciones
2. Asegúrese de que Mostrar barra de aplicaciones está configurado en Sí

Nota: si está configurado como No, asegúrese de que la App de Info o la App de Inicio de Sesión están seleccionadas en la App predeterminada

Cambiar los colores del fondo y los textos

Para cambiar el color de fondo y el texto

1. Ampliar los Colores para el Welcome Portal y las aplicaciones
2. Asegúrese de que el Tipo está configurado como Personalizados
3. Ampliar los Colores para el Welcome Portal
4. En Fondo de la barra de app, Textos de la barra de app y Fondo de los botones de la barra de app seleleccione o edite el color RGBA para el fondo de la App Bar y los textos y su transparencia.
5. También puede cambiar el color de la aplicación seleccionada personalizando sus valores RGBA en los campos Fondo del elemento seleccionado y Textos del elemento seleccionado
6. Guarde los cambios haciendo clic en el botón Guardar de la esquina superior derecha.

Iconos de la aplicación

To change the icons for the apps

1. Ampliar Welcome Portal > Iconos para las aplicaciones
2. Seleccione el Estilo de los botones
3. A continuación, cargue la imagen de cada icono que desee modificar
4. Guarde los cambios haciendo clic en el botón Guardar de la esquina superior derecha.

Los colores de las aplicaciones

La cabecera de la aplicación

Imagen

Para cambiar la imagen de la cabecera de la aplicación

1. Ampliar App de info o App de inicio sesión
2. A continuación, cargue la imagen de la aplicación que desea cambiar
3. Guarde los cambios haciendo clic en el botón Guardar de la esquina superior derecha.

Cambiar los colores del fondo y los textos de la cabecera de la aplicación

Para cambiar la imagen y los textos de la cabecera de la aplicación

1. Ampliar Welcome Portal > Colores para el Welcome Portal y las aplicaciones > Colores para las aplicaciones
2. En Fondo del encabezado y Textos del encabezado, seleccione o edite el color RGBA para el fondo de cabecera y los textos, así como su transparencia
3. Guarde los cambios haciendo clic en el botón Guardar de la esquina superior derecha.

La aplicación

Cambiar los colores

Para cambiar los colores de fondo y los textos de las aplicaciones

1. Ampliar Welcome Portal > Colores para el Welcome Portal y las aplicaciones > Colores para las aplicaciones
2. En Fondo, seleccione o edite el color RGBA para el fondo de la aplicación y su transparencia
3. En Títulos y Textos, seleccione o edite el color RGBA para el texto que aparece en la aplicación y su transparencia
4. Guarde los cambios haciendo clic en el botón Guardar de la esquina superior derecha.

Las zonas destacadas

Cambiar los colores del fondo y de los textos

Para cambiar los colores de fondo y los textos de las aplicaciones

1. Ampliar Welcome Portal > Colores para el Welcome Portal y las aplicaciones > Colores para las aplicaciones
2. En Fondo de las áreas resaltadas seleccione o edite el color RGBA para el fondo de las áreas resaltadas y su transparencia
3. En Textos de las zonas resaltadas, seleccione o edite el color RGBA de los textos que aparecen en las zonas resaltadas y su transparencia
4. Guarde los cambios haciendo clic en el botón Guardar de la esquina superior derecha.

El color que aplique a los Textos resaltados en las Zonas resaltadas también afecta al borde del plan WiFi seleccionado.

Botones CTA

Cambiar el fondo y los colores del texto

Para cambiar los colores de fondo y los textos de los botones

1. Ampliar Welcome Portal > Colores para el Welcome Portal y las aplicaciones > Colores para las aplicaciones
2. En el Fondo de los botones de acción CTA, seleccione o edite el color RGBA para el fondo del botón y su transparencia
3. En Textos de los botones de acción CTA, seleccione o edite el color RGBA para el texto que aparece en los botones y su transparencia
4. Guarde los cambios haciendo clic en el botón Guardar de la esquina superior derecha.

Los botones de selección

Cambiar el fondo y los colores del texto

Para cambiar los colores de fondo y los textos de los botones de selección

1. Ampliar Welcome Portal > Colores para el Welcome Portal y las aplicaciones > Colores para las aplicaciones
2. En Fondo de los botones de selección y Texto de los botones de selección seleccione o edite el color RGBA para el fondo, los textos y su transparencia para los Botones de Selección
3. Guarde los cambios haciendo clic en el botón Guardar de la esquina superior derecha.

El efecto Hover

El efecto visual sólo aparece cuando los usuarios pasan el cursor por encima de un botón de selección, como en el caso de: Voucher, Surf, Complimentary Access, HelpDesk, todos los botones de la aplicación Connection Status y la aplicación User Profile (excepto el botón Disconnect).

Cambiar el fondo y los colores del texto

Para cambiar los colores de fondo y los textos del efecto hover

1. Ampliar Welcome Portal > Colores para el Welcome Portal y las aplicaciones > Colores para las aplicaciones
2. En Fondo de hover y Textos de hover seleccione o edite el color RGBA para el fondo del botón y su transparencia
3. Guarde los cambios haciendo clic en el botón Guardar de la esquina superior derecha.

Campos de entrada (Input Fields)

Cambiar el fondo y los colores del texto

Para cambiar los colores de fondo y los textos de los campos de entrada

1. Ampliar Welcome Portal > Colores para el Welcome Portal y las aplicaciones > Colores para las aplicaciones
2. En Fondo de los campos Input y Textos de los acampos Input seleccione o edite el color RGBA para el fondo del botón y su transparencia
3. Guarde los cambios haciendo clic en el botón Guardar de la esquina superior derecha.

La barra lateral

Cambiar el fondo y los colores del texto

Para cambiar los colores de fondo y los textos de la barra lateral

1. Ampliar el Welcome Portal > Colores para el Welcome Portal y las aplicaciones > Colores para el Welcome Portal
2. En Fondo barra lateral y Textos barra lateral, seleccione o edite el color RGBA para el fondo de la barra lateral y los textos, así como su transparencia
3. Guarde los cambios haciendo clic en el botón Guardar de la esquina superior derecha.