我们随时为您提供帮助

现在，您可以通过我们新的仪表板应用程序轻松个性化小部件的样式！首先，请按照下列步骤操作：

访问小部件页面： 登录您的 nFusion 仪表板 并导航到小部件页面。

编辑小部件： 在小部件页面中，找到要自定义的小部件，然后单击操作列中的“编辑”铅笔图标。此操作将带您进入小部件的编辑器屏幕。

定制部分： 在小部件的编辑器屏幕上，您会发现两个主要部分：

• 文件上传部分： 此部分允许您上传文件，例如 CSS 和（JS，仅在高级小部件包中可用）以及图像文件。
• 小部件设置部分： 在这里，您可以配置特定的小部件设置。在本指南中，我们将重点关注文件上传部分并探讨如何上传自定义 CSS 文件。

在你开始之前：

在上传您的自定义 CSS 之前，我们强烈建议您查看我们的 CSS 最佳实践 文档以确保您的样式应用没有任何冲突。

上传自定义 CSS：

要上传自定义 CSS 文件，请按照下列步骤操作：

1. 单击“上传 CSS”列下的“上传”图标按钮。此操作将打开一个文件资源管理器，允许您选择要上传的 CSS 文件。
2. 选择 CSS 文件后，您将收到一条确认消息，确认您的 CSS 文件已成功上传。

预览您的更改：

要查看您的自定义操作，请返回小部件页面并单击您刚刚编辑的小部件的“预览”按钮。这将打开一个小部件预览页面，您可以在其中查看新的 CSS 样式。

CSS 应用程序故障排除：

如果您发现自定义 CSS 未应用，请考虑以下解决方案：

• 清除缓存并硬重新加载：
  • 使用 Control+Shift+I (Windows/Linux) 或 Option+Command+I (Mac)，或者通过工具 > 开发人员 > 开发人员工具，或者右键单击并选择“检查”，打开开发人员控制台。
  • 按住或右键单击刷新图标。
  • 从下拉列表中选择“清空缓存并硬重新加载”。
• 检查 CSS 特异性：
  • 打开开发者控制台并检查您想要设置样式的元素。在右侧的“样式”面板中，确保您的 CSS 规则没有被划掉。如果是，则表明不同的 CSS 规则可能具有更高的特异性。
• 验证 CSS 选择器和文件：
  • 检查 CSS 选择器及其顺序中的拼写错误。
  • 使用开发者控制台的“网络”选项卡并查找与您的自定义 CSS 文件相对应的 CSS 请求，确保您上传的 CSS 文件是正确的。

If none of the above solutions work, please contact our support team at support@nfusionsolutions.com. When reporting your issue, be sure to include all the steps you’ve taken to resolve the problem before reaching out. This will help us provide the quickest possible solution to your customization needs.

<div id='c528ee05-722d-4762-a635-213197f7b8b4' style='width:100%;height:100%;'></div>
<script>
    (function () {
        var t = document.getElementsByTagName('script')[0];
        var s = document.createElement('script');
        s.async = true;
        s.src =
            'https://widget.nfusionsolutions.com/widget /script/chart/1/32796899-2cc3-4454-ac51-2c95c78799af/c528ee05-722d-4762-a635-213197f7b8b4';
        t.parentNode.insertBefore(s, t);
    })();
</script>

<div id='my-custom-id' style='width:100%;height:100%;'></div>
<script>
    (function(){
        var t = document.getElementsByTagName('script')[0];
        var s = document.createElement('script'); s.async = true;
        s.src = 'https://widget.nfusionsolutions.com/widget/script/chart/1/32796899-2cc3-4454-ac51-2c95c78799af/c528ee05-722d-4762-a635-213197f7b8b4/my-custom-id';
        t.parentNode.insertBefore(s, t);
    })();
</script>

如果您已登录并想要更改密码：

如果您尚未登录并且忘记/丢失密码：

<script src="https://widgetcdn.nfusionsolutions.com/asset/static/1/common/1/js/currency-interop.min.js"></script>

<div id='YOUR-WIDGET-ID' style='width:100%;height:100%;'></div>
<script>
    (function(){
         nFSCurrencyHelper.init('YOUR-WIDGET-SCRIPT-SRC-URL');
     })();
</script>

打开您的 Web 浏览器并访问您的 nFusion 仪表板： https://dashboard.nfusionsolutions.com/ 或您的 nFusion 目录 https://nfusioncatalog.com/account/login?tenantalias={your_tenant_name}&scheme=AzureAdB2C。如果您尚未登录，您将看到登录页面。

当您进入 nFusion Cloud 解决方案时，您可以利用现有 Google、Microsoft、Apple 或 Facebook 帐户的功能。例如，如果您收到仪表板邀请的电子邮件链接到 Google 或 Gmail 帐户，只需单击 Google 按钮即可立即完成身份验证，使登录变得轻而易举！

如果您的电子邮件地址与这四个提供商中的任何一个都没有关联，还有一个替代选项。只需点击顶部的“立即注册”，您就可以使用您的电子邮件地址和您喜欢的密码轻松创建一个新帐户。这使您能够轻松建立新帐户。

在产品定价目录的最新版本之一中，我们添加了 SSO（单点登录）功能，允许您使用同一用户帐户登录产品定价目录和仪表板！这将有助于简化流程并最大限度地减少您登录 nFusion 应用程序所花费的时间！

要切换到这种新的身份验证方式，您需要通过访问以下地址导航到 nFusion 仪表板的“产品”页面： https://dashboard.nfusionsolutions.com/en/pages/products

您将在此处看到当前有权访问您的产品目录的用户表。要将您的用户记录添加到此表中，请单击页面用户部分下的“添加用户”。然后输入您的姓名以及收到 nFusion Dashboard 邀请的电子邮件地址。在“角色”下，选择您想要为此用户帐户提供的角色。 “管理员”角色允许对产品、产品系列等进行读写访问，而“销售”角色本质上是产品目录的只读视图，适用于只需要查看目录中产品的用户。输入此信息后，单击页面左下角的“提交”。

您刚刚添加的用户现在可以登录目录，并且您应该已经收到一封电子邮件来帮助您执行此操作。要接受加入产品目录的邀请，请导航至 https://nfusioncatalog.com/account/login?tenantalias={your_tenant_name}&scheme=AzureAdB2C。这是哪里 您可以利用现有的 Google、Microsoft、Apple 或 Facebook 帐户的力量。例如，如果您收到仪表板邀请的电子邮件链接到 Google 或 Gmail 帐户，只需单击 Google 按钮即可立即完成身份验证，使登录变得轻而易举！

现在，您已使用使用个人社交身份验证方法的新用户帐户登录，您不再需要使用之前提供给您的旧管理员和/或销售电子邮件登录仪表板。