SAP Fiori - Diseñador de temas
El diseñador de temas de la interfaz de usuario es una herramienta basada en navegador que le permite desarrollar sus temas modificando una de las plantillas de tema proporcionadas por SAP.
Example- Puede cambiar la combinación de colores o agregar el logotipo de su empresa. La herramienta proporciona una vista previa en vivo del tema mientras diseña.
Aplique su marca corporativa y busque aplicaciones creadas con tecnologías SAP UI. El diseñador de temas de la interfaz de usuario es una herramienta basada en navegador para escenarios de temas cruzados. Úselo para crear sus temas de identidad corporativa fácilmente modificando una de las plantillas de temas proporcionadas por SAP. Por ejemplo, puede cambiar la combinación de colores o agregar el logotipo de su empresa. La herramienta está dirigida a diferentes grupos de usuarios, incluidos desarrolladores, diseñadores visuales y administradores.
Plataforma compatible
- SAP NetWeaver como ABAP (a través de UI Add-On 1.0 SP4)
- SAP NetWeaver Portal (7.30 SP10 y versión superior)
- SAP HANA Cloud (planificado)
- SAP NetWeaver Portal (7.02 planificado)
Beneficios y características clave
Las características y beneficios clave se detallan a continuación.
Browser-based, graphical WYSIWYG editor - Cambie los valores de los parámetros de tematización y vea inmediatamente cómo afecta la visualización de la página de vista previa seleccionada.
Build-in preview pages - Seleccione páginas de vista previa integradas para ver cómo se verá su tema personalizado cuando se aplique a una aplicación.
Application previews - Ejemplo: Aprobación de orden de compra, SAP Fiori Launchpad
Control previews.
Diferentes niveles de tematización
Tematización rápida (configuración básica de temas de tecnología cruzada).
Tematización experta (configuración de temas específicos de la tecnología).
Edición manual LESS o CSS.
Paleta de colores para reutilizar: especifique un conjunto de parámetros con los valores de color principales que definen su marca corporativa
Tematización entre tecnologías: cree un tema coherente que se aplique a varios clientes y tecnologías de interfaz de usuario de SAP.
Bibliotecas estándar SAPUI5 (incluidas las aplicaciones SAP Fiori y SAP Fiori Launchpad)
Tecnologías de renderizado unificado (como Web Dynpro ABAP y Floorplan Manager)
Cliente empresarial SAP NetWeaver
| Cliente de interfaz de usuario de SAP | Las partes de la interfaz de usuario pueden tener un tema |
|---|---|
| Web Dynpro ABAP | Puede crear temas para aplicaciones que no utilicen los siguientes elementos de la interfaz de usuario:
|
| Administrador de planos de planta para Web Dynpro ABAP (FPM) | Puede aplicar temas a aplicaciones que no utilicen islas HTML o gráficos de UIBB |
| SAPUIS | Puede crear temas para las bibliotecas estándar de SAP. Las bibliotecas SAPUI5 personalizadas no pueden tener temas. |
| Cliente empresarial SAP NetWeaver (NWBC) |
|
¿Cómo llamar al diseñador de temas en SAP Fiori?
Inicie sesión en el servidor front-end de SAP Fiori.
Puede utilizar T-Code: Theme Designer o utilice el acceso directo como se muestra a continuación e inicie sesión.
Una vez que inicie sesión, tendrá todas las plantillas predeterminadas proporcionadas por SAP para Theme Designer. Seleccione el tema predeterminado y haga clic enOpen.
Ingrese el enlace de Fiori Launchpad y el Nombre de la aplicación y haga clic en ADD.
Desde el lado derecho, puede seleccionar Color, fuente, Imagen y otras propiedades. Puede editar los colores como se muestra en la instantánea que se muestra a continuación.
Para guardar el tema, haga clic en el icono de guardar como se muestra a continuación. También tiene la opción de guardar y construir.
Una vez que seleccione Save and Build, comenzará a guardar y una vez que se complete, obtendrá una confirmación Guardar y compilar completado.
Para obtener el enlace de este tema personalizado, utilice T-code:theme_tool.
Seleccione el tema que ha creado y haga clic en la pestaña Información.
Use Ctrl + Y para copiar la URL de la pantalla y tome nota de esto.
