美文网首页js css html
SAP Fiori 3 的 Quartz Theme 在 Web

SAP Fiori 3 的 Quartz Theme 在 Web

作者: _扫地僧_ | 来源:发表于2023-01-24 21:05 被阅读0次

    SAP Fiori 3 是支持智能套件(Intelligent Suite)的所有 SAP 产品的新目标设计。

    基于 SAP Fiori 3 指南的新 SAP Quartz Light 主题现在可用于 WebClient UI.

    Quartz Light 主题旨在让应用程序内容成为中心舞台。

    由于它简单而简约,它还可以让客户轻松地将其主题化为他们的品牌。

    如果客户在独立模式下使用 WebClient UI,则可以从个性化 - 个性化布局中选择 SAP Quartz Light 主题。

    下图来自我的系统 QGL/504:


    首先,我们会注意到标题栏中的变化,例如用户图标已从屏幕左侧移动到右侧。

    单击用户图标会弹出用户操作菜单,可以访问与以前相同的功能,但现在是一个下拉列表,而不是通过 SAP Fiori 2.0 Me Area,如下所示:

    可以使用菜单图标访问侧面板。

    如果在 Fiori Launchpad 集成模式下使用 WebClient UI,可以从 FLP 用户设置 - 外观中选择 SAP Quartz Light 主题。 FLP 集成模式下的 WebClient UI 应用程序将以选定的主题显示。

    除了更新 shell 标题栏中的操作位置外,SAP 还更新了应用程序中的操作位置,使按钮的位置更加直观。

    替换了一些常用操作的图标以满足 SAP Fiori 3 的要求。

    还实施了 Font 72 以提供 UX 一致性。

    新的 SAP Quartz Light 主题已可用于 SAP S/4HANA S/4HANA Service(版本号为 SAP S/4HANA 1909)。

    Fiori 3 Quartz Light theme 可以通过 SAP Note: 3132449 的方式打到 WEBCUIF 748/Ehp4 上去。

    SAPGUI 软件里的 Quartz Theme:

    在 SAP UI5 应用里使用 dark theme:

    data-sap-ui-theme="sap_fiori_3_dark"
    

    最后的效果:


    将 SAP UI5 应用配置成 Fiori Launchpad 里的 tile,打开后的效果:

    Quartz Dark 是为 SAP Fiori 应用程序创建的附加主题,用于在需要或不可避免的低光环境中工作。深色主题还确保简洁轻便的设计在所有 SAP Fiori 应用程序中保持一致和连贯。

    相关文章

      网友评论

        本文标题:SAP Fiori 3 的 Quartz Theme 在 Web

        本文链接:https://www.haomeiwen.com/subject/hdfrhdtx.html