我们在这里为您提供帮助

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

访问小部件页面： 登录您的 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 文件是正确的。

如果以上解决方案均无效，请联系我们的支持团队 support@nfusionsolutions.com。报告问题时，请务必在联系我们之前提供解决问题的所有步骤。这将有助于我们尽快为您的定制需求提供解决方案。

为此，每个小部件必须有一个唯一的 ID，以便当它们加载到页面中时，不会出现 JavaScript 错误或冲突。因此，当您将同一小部件的多个实例添加到单个页面时，您需要更改 DIV 元素的 ID，以便它在该页面中是唯一的；然后，通过将“/your-id”添加到根域的末尾来修改脚本中的 src 属性。通过更改 ID 和修改 src，您可以告诉脚本将图表加载到哪个 DIV 元素中。例如，以下是从预览页面复制的默认图表小部件脚本：

<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>

请注意，除了 DIV 元素 ID 和 src 属性的结尾之外，所有内容都相同。

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

登录产品目录后，导航至导航菜单中屏幕右上角的菜单项，然后单击显示您的用户名的项目。单击用户名后，将出现一个包含四个选项的下拉菜单。单击第二个选项“密码”。从这里，您可以简单地创建一个新密码。输入指定用户的旧密码，然后输入该用户的新密码。最后，确认新密码以确保其正确。填写完所有必填字段以重置密码后，单击表单底部的提交按钮，它将提交您的更改。您的新密码将立即生效。

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

尝试使用密码重置功能。在登录屏幕上单击“无法访问您的帐户”，然后选择“工作或学校”帐户，然后完成提示以启动密码重置。如果仍然无法登录请联系 我们的支持团队.

要使用我们的货币助手实现您的小部件，有两个简单的步骤。
1. 为了确保在尝试使用帮助脚本之前它可用，您必须在标题中添加以下脚本：

2. 现在脚本可供使用，您可以使用类似于以下的代码将小部件添加到页面：

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

只需将上述脚本中的“YOUR-WIDGET-ID”替换为您的小部件预览页面脚本中的 ID。然后，同样地，将“YOUR-WIDGET-SCRIPT-SRC-URL”替换为您的小部件预览页面脚本中 s.src 变量所对应的 URL。
该脚本与我们的默认小部件脚本非常相似，不同之处在于您需要使用“nFSCurrencyHelper.init”函数并将小部件的 src 传递给该函数。

打开您的 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/users

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

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

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