Tecnologías de UI

SAP Horizon

SAP Horizon es la familia de temas visuales actual de SAP Fiori, sucesora de Quartz y Belize, y se entrega en SAPUI5 como Morning Horizon, Evening Horizon y dos variantes de alto contraste. SAP Horizon cambia los colores, las formas, la tipografía y el encabezado del shell en las aplicaciones SAP Fiori y en las UI clásicas, pero no modifica los layouts de las aplicaciones, los floorplans ni la lógica de negocio.

Datos clave

Tipo
Familia de temas visuales (diseño SAP Fiori)
Capa
Punto de entrada y experiencia
IDs de tema
sap_horizon, sap_horizon_dark, sap_horizon_hcb, sap_horizon_hcw
Se fija por defecto con
Parámetro de configuración del launchpad THEMING_DEFAULT_THEME (plataforma ABAP)
Se personaliza con
UI theme designer (temas personalizados basados en Horizon)
Quién trabaja con ello
Diseñadores de UX, administradores del launchpad, desarrolladores SAP Fiori
Se aplica a
SAP S/4HANA (todas las opciones de implementación), SAP BTP
Capa: Punto de entrada y experienciaDónde se ubica ▾
Dónde se ubica: L1 · Punto de entrada y experienciaCapa: Punto de entrada y experiencia.L1L2L3L4L5L6BTP

Capa: Punto de entrada y experiencia

Abrir el mapa de arquitectura →

¿Qué cambia SAP Horizon?

SAP Horizon es un tema, por lo que cambia el aspecto de las pantallas, no su contenido. La documentación de SAP S/4HANA de SAP describe estos elementos distintivos:

  • esquinas redondeadas en controles y contenedores;
  • una barra de encabezado simplificada y una tipografía más marcada en el encabezado de página, para que los usuarios vean primero la información más importante;
  • un aspecto armonizado entre las aplicaciones SAP Fiori y las UI clásicas, como Web Dynpro ABAP y SAP GUI for HTML.

Los floorplans, los campos, las acciones y la navegación permanecen exactamente como los define la aplicación. Un list report en SAP Horizon tiene las mismas columnas y filtros que en Quartz; solo difieren los colores, el espaciado, las formas y las fuentes. Por tanto, SAP Horizon es una capa visual sobre las aplicaciones existentes, no un rediseño de su funcionalidad.

¿Qué temas SAP Horizon existen?

SAPUI5 entrega cuatro temas SAP Horizon:

Nombre del temaID técnicoFinalidad
Morning Horizonsap_horizonTema estándar claro
Evening Horizonsap_horizon_darkTema oscuro
High Contrast Blacksap_horizon_hcbAccesibilidad, fondo oscuro
High Contrast Whitesap_horizon_hcwAccesibilidad, fondo claro

Según la descripción general de temas compatibles de SAPUI5, Morning Horizon es compatible a partir de SAPUI5 1.96 y los otros tres a partir de 1.101. Los temas Quartz (sap_fiori_3 y sus variantes) siguen disponibles junto a ellos. Los mismos nombres de tema aparecen en UI5 Web Components y, como temas Horizon, en SAP GUI for Windows. Ofrecer una variante de alto contraste de SAP Horizon es importante para la accesibilidad, por lo que los administradores deberían mantener una disponible para los usuarios.

¿Qué releases admiten SAP Horizon?

  • SAP S/4HANA on-premise y Private Edition: las aplicaciones SAP Fiori requieren SAP_UI 7.57 con SAPUI5 1.102 y SAP Fiori front-end server 2022. Web Dynpro ABAP y SAP GUI for HTML requieren SAP S/4HANA 2022 con AS ABAP 7.57 en el back-end. La descripción general de releases de SAP indica Horizon como tema de SAP Fiori para SAP S/4HANA 2022, 2023 y 2025, y Quartz para 2021 y anteriores.
  • Valor por defecto del launchpad: en releases recientes de la plataforma ABAP, como 2025 FPS02, el parámetro de configuración del launchpad THEMING_DEFAULT_THEME tiene sap_horizon como valor por defecto; compruebe el valor por defecto de su release.
  • SAP S/4HANA Cloud Public Edition: los cambios de tema llegan con la release cloud; consulte la información de la release para conocer el tema por defecto y los temas disponibles.
  • SAP BTP: las aplicaciones eligen su versión de SAPUI5 y su tema; en SAP Build Work Zone, los administradores gestionan los temas que se ofrecen a los usuarios en el Theme Manager del sitio.

La disponibilidad de SAP Horizon depende de la release de SAPUI5 y de ABAP, así que compruebe ambas antes de planificar un cambio.

¿Qué debe comprobar antes de cambiar a SAP Horizon?

  1. Usuarios de Belize. Los temas Belize quedaron obsoletos en SAPUI5 1.120 y se eliminaron en 1.136, con sap_horizon como sustituto recomendado. Los usuarios que siguen con Belize deben cambiar.
  2. Temas personalizados. Un tema corporativo basado en Belize o Quartz no se convierte automáticamente en SAP Horizon. Reconstrúyalo en el UI theme designer sobre un tema base Horizon.
  3. CSS freestyle. Los colores fijos en el código o los desplazamientos en píxeles de las aplicaciones SAPUI5 personalizadas pueden chocar con las nuevas formas y el nuevo espaciado. Los parámetros de tema lo evitan.
  4. UI clásicas. Compruebe que las pantallas de Web Dynpro ABAP y SAP GUI for HTML se ejecutan en una release de back-end que admite SAP Horizon; de lo contrario, los usuarios verán aspectos mezclados.
  5. Valor por defecto y elección. Los administradores fijan el valor por defecto con THEMING_DEFAULT_THEME; los usuarios pueden seguir eligiendo otro tema en sus ajustes.

El plan de despliegue de Alder Manufacturing, por ejemplo, empieza por su tema personalizado y sus aplicaciones freestyle, porque las aplicaciones estándar adoptan SAP Horizon sin cambios. Un cambio a SAP Horizon es sobre todo una revisión del estilo personalizado, no del contenido estándar.

¿SAP Horizon, Quartz o SAP Fiori Design Guidelines: cuál es la diferencia?

SAP HorizonQuartzSAP Fiori Design Guidelines
Qué esFamilia de temas actualFamilia de temas anterior, todavía compatibleDocumentación de sistema de diseño
IDs técnicossap_horizon, sap_horizon_dark, _hcb, _hcwsap_fiori_3, sap_fiori_3_dark, _hcb, _hcwNinguno: orientación, no código
Qué controlaColores, formas, tipografía, encabezado del shellColores, formas, tipografíaPrincipios, floorplans, patrones y uso de controles
Releases de SAP S/4HANA indicadas2022 y posterioresDe 1909 a 2021No aplica

SAP Horizon y Quartz son temas que implementan la parte visual de las SAP Fiori Design Guidelines; las propias directrices definen además el layout y el comportamiento.

Preguntas frecuentes

¿SAP Horizon es el tema por defecto de SAP Fiori?

En las releases actuales, sí. SAP indica SAP Horizon como tema de SAP Fiori para SAP S/4HANA 2022 y posteriores, y en la plataforma ABAP 2025 el parámetro de tema por defecto del launchpad tiene el valor sap_horizon. Los administradores pueden cambiar el valor por defecto y los usuarios pueden elegir otro tema.

¿El tema Belize sigue siendo compatible?

No. SAP declaró obsoleta la familia de temas Belize en SAPUI5 1.120 y la eliminó en SAPUI5 1.136, junto con Blue Crystal. SAP recomienda sap_horizon como sustituto, y los temas Quartz siguen disponibles para los equipos que todavía no están preparados para el cambio.

¿SAP Horizon se aplica a las transacciones de SAP GUI?

Sí, con la release adecuada. Las transacciones que se ejecutan en SAP GUI for HTML y las aplicaciones Web Dynpro ABAP pueden usar SAP Horizon a partir de SAP S/4HANA 2022 con AS ABAP 7.57. SAP GUI for Windows ofrece sus propios temas Horizon en las releases recientes.

¿Se puede adaptar SAP Horizon a los colores corporativos?

Sí. El UI theme designer crea temas personalizados basados en SAP Horizon, por ejemplo con colores corporativos y un logotipo. Un tema personalizado basado en Belize o Quartz debe reconstruirse sobre un tema base Horizon para obtener el aspecto de SAP Horizon.

Fuentes

Se aplica a
SAP S/4HANA on-premise · SAP S/4HANA Cloud Private Edition · SAP S/4HANA Cloud Public Edition · SAP BTP
Última revisión

SAP, SAP Fiori, SAPUI5, SAP S/4HANA, SAP BTP y los demás productos y servicios de SAP mencionados son marcas comerciales o marcas registradas de SAP SE (o de una empresa afiliada de SAP) en Alemania y otros países. Esta guía es independiente y no está afiliada, patrocinada ni respaldada por SAP SE.