Wir sind hier, um zu helfen

Sie können das Design Ihrer Widgets jetzt mühelos über unsere neue Dashboard-App personalisieren! Führen Sie zunächst die folgenden Schritte aus:

Greifen Sie auf die Widgets-Seite zu: Melden Sie sich bei Ihrem an nFusion-Dashboard und navigieren Sie zur Widgets-Seite.

Bearbeiten Sie ein Widget: Suchen Sie auf der Widgets-Seite das Widget, das Sie anpassen möchten, und klicken Sie in der Aktionsspalte auf das Stiftsymbol „Bearbeiten“. Durch diese Aktion gelangen Sie zum Editorbildschirm des Widgets.

Anpassungsabschnitte: Auf dem Editorbildschirm des Widgets finden Sie zwei Hauptabschnitte:

• Abschnitt zum Hochladen von Dateien: In diesem Abschnitt können Sie Dateien wie CSS und (JS, nur im erweiterten Widget-Paket verfügbar) sowie eine Bilddatei hochladen.
• Abschnitt „Widget-Einstellungen“: Hier können Sie spezifische Widget-Einstellungen konfigurieren. In diesem Leitfaden konzentrieren wir uns auf den Abschnitt zum Hochladen von Dateien und untersuchen, wie Sie eine benutzerdefinierte CSS-Datei hochladen.

Bevor Sie beginnen:

Bevor Sie Ihr benutzerdefiniertes CSS hochladen, empfehlen wir Ihnen dringend, unsere zu lesen CSS-Best Practices Dokumentation, um sicherzustellen, dass Ihr Styling ohne Konflikte angewendet wird.

Hochladen von benutzerdefiniertem CSS:

Um Ihre benutzerdefinierte CSS-Datei hochzuladen, führen Sie die folgenden Schritte aus:

1. Klicken Sie auf die Symbolschaltfläche „Hochladen“ unter der Spalte „CSS hochladen“. Durch diese Aktion wird ein Datei-Explorer geöffnet, in dem Sie die CSS-Datei auswählen können, die Sie hochladen möchten.
2. Sobald Sie eine CSS-Datei ausgewählt haben, erhalten Sie eine Bestätigungsnachricht, die bestätigt, dass Ihre CSS-Datei erfolgreich hochgeladen wurde.

Vorschau Ihrer Änderungen:

Um Ihre Anpassungen in Aktion zu sehen, kehren Sie zur Widgets-Seite zurück und klicken Sie auf die Schaltfläche „Vorschau“ für das Widget, das Sie gerade bearbeitet haben. Dadurch wird eine Widget-Vorschauseite geöffnet, auf der Sie Ihr neues CSS-Styling anzeigen können.

Fehlerbehebung bei CSS-Anwendungen:

Wenn Sie feststellen, dass Ihr benutzerdefiniertes CSS nicht angewendet wird, ziehen Sie die folgenden Lösungen in Betracht:

• Cache leeren und Hard Reload:
  • Öffnen Sie die Entwicklerkonsole mit Strg+Umschalt+I (Windows/Linux) oder Wahl+Befehl+I (Mac) oder über Extras > Entwickler > Entwicklertools oder indem Sie mit der rechten Maustaste klicken und „Inspizieren“ wählen.
  • Halten Sie das Aktualisierungssymbol gedrückt oder klicken Sie mit der rechten Maustaste darauf.
  • Wählen Sie „Cache leeren und hart neu laden“ aus der Dropdown-Liste.
• Überprüfen Sie die CSS-Spezifität:
  • Öffnen Sie die Entwicklerkonsole und überprüfen Sie das Element, das Sie formatieren möchten. Stellen Sie im Bereich „Stile“ auf der rechten Seite sicher, dass Ihre CSS-Regel nicht durchgestrichen ist. Wenn dies der Fall ist, weist dies darauf hin, dass eine andere CSS-Regel möglicherweise eine höhere Spezifität aufweist.
• CSS-Selektoren und Datei überprüfen:
  • Überprüfen Sie Ihre CSS-Selektoren und deren Reihenfolge auf Tippfehler.
  • Stellen Sie sicher, dass die von Ihnen hochgeladene CSS-Datei die richtige ist, indem Sie auf der Registerkarte „Netzwerk“ der Entwicklerkonsole die CSS-Anfrage suchen, die Ihrer benutzerdefinierten CSS-Datei entspricht.

Wenn keine der oben genannten Lösungen funktioniert, kontaktieren Sie bitte unser Support-Team unter support@nfusionsolutions.com. Geben Sie bei der Meldung Ihres Problems unbedingt alle Schritte an, die Sie zur Lösung des Problems unternommen haben, bevor Sie Kontakt mit uns aufnehmen. Auf diese Weise können wir Ihre Anpassungsanforderungen schnellstmöglich lösen.

Dazu muss jedes Widget eine eindeutige ID haben, damit es beim Laden auf die Seite nicht zu Javascript-Fehlern oder Konflikten kommt. Wenn Sie also mehrere Instanzen desselben Widgets zu einer einzelnen Seite hinzufügen, müssen Sie die ID des DIV-Elements ändern, damit es innerhalb dieser Seite eindeutig ist. Ändern Sie dann das src-Attribut innerhalb des Skripts, indem Sie „/your-id“ am Ende der Stammdomäne hinzufügen. Durch Ändern der ID und des Quellcodes teilen Sie dem Skript mit, in welches DIV-Element das Diagramm geladen werden soll. Hier ist beispielsweise ein Standard-Diagramm-Widget-Skript, das von der Vorschauseite kopiert wurde:

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

Angenommen, Sie möchten auf derselben Seite ein weiteres Diagramm hinzufügen (z. B. um das ausgewählte Symbol zu ändern). So würde es aussehen, eine zweite Instanz desselben Widgets zu einer einzelnen Seite hinzuzufügen:

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

Beachten Sie, dass bis auf die DIV-Element-ID und das Ende des src-Attributs alles gleich ist.

Wenn Sie angemeldet sind und Ihr Passwort ändern möchten:

Navigieren Sie, während Sie im Produktkatalog angemeldet sind, im Navigationsmenü zum Menüpunkt in der oberen rechten Ecke Ihres Bildschirms und klicken Sie auf den Eintrag, der Ihren Benutzernamen anzeigt. Sobald Sie auf Ihren Benutzernamen geklickt haben, erscheint ein Dropdown-Menü mit vier Optionen. Klicken Sie auf die zweite Option „Passwort“. Von hier aus können Sie einfach ein neues Passwort erstellen. Geben Sie das alte Passwort für den angegebenen Benutzer ein und geben Sie dann das neue Passwort des Benutzers ein. Bestätigen Sie abschließend das neue Passwort, um sicherzustellen, dass es korrekt ist. Sobald Sie alle erforderlichen Felder ausgefüllt haben, um Ihr Passwort zurückzusetzen, klicken Sie unten im Formular auf die Schaltfläche „Senden“ und Ihre Änderungen werden übermittelt. Ihr neues Passwort wird dann sofort wirksam.

Wenn Sie nicht eingeloggt sind und Ihr Passwort vergessen/verloren haben:

Versuchen Sie, die Funktion zum Zurücksetzen des Passworts zu nutzen. Klicken Sie auf dem Anmeldebildschirm auf „Kein Zugriff auf Ihr Konto“, wählen Sie dann „Arbeits- oder Schulkonto“ und befolgen Sie dann die Eingabeaufforderungen, um eine Passwortzurücksetzung einzuleiten. Wenn Sie sich immer noch nicht anmelden können, kontaktieren Sie uns Unser Support-Team.

Um Ihre Widgets mit unserem Währungshelfer zu implementieren, sind zwei einfache Schritte erforderlich.
1. Um sicherzustellen, dass das Hilfsskript verfügbar ist, bevor Sie versuchen, es zu verwenden, müssen Sie das folgende Skript in Ihren Header einfügen:

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

2. Da das Skript nun zur Verwendung verfügbar ist, können Sie der Seite ein Widget hinzufügen, indem Sie Code ähnlich dem folgenden verwenden:

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

Ersetzen Sie einfach „IHRE WIDGET-ID“ im obigen Skript durch die ID aus Ihrem Widget-Vorschauseiten-Skript. Ersetzen Sie anschließend analog „IHRE WIDGET-SCRIPT-SRC-URL“ durch die URL, die der Variable s.src im Widget-Vorschauseiten-Skript zugewiesen ist.
Dieses Skript ist unseren Standard-Widget-Skripten sehr ähnlich, mit der Ausnahme, dass Sie die Funktion „nFSCurrencyHelper.init“ verwenden und der Funktion die Quelle des Widgets übergeben müssen.

Öffnen Sie Ihren Webbrowser und besuchen Sie entweder Ihr nFusion-Dashboard unter https://dashboard.nfusionsolutions.com/ oder in Ihrem nFusion-Katalog unter https://nfusioncatalog.com/account/login?tenantalias={your_tenant_name}&scheme=AzureAdB2C. Wenn Sie noch nicht angemeldet sind, wird Ihnen die Anmeldeseite angezeigt.

Wenn Sie die nFusion Cloud-Lösungen betreten, können Sie die Leistungsfähigkeit Ihrer vorhandenen Google-, Microsoft-, Apple- oder Facebook-Konten nutzen. Wenn beispielsweise die E-Mail, über die Sie Ihre Dashboard-Einladung erhalten haben, mit einem Google- oder Gmail-Konto verknüpft ist, können Sie sich mit einem einfachen Klick auf die Google-Schaltfläche im Handumdrehen authentifizieren, was die Anmeldung zum Kinderspiel macht!

Sollte Ihre E-Mail-Adresse nicht mit einem dieser vier Anbieter verknüpft sein, gibt es eine alternative Option. Klicken Sie einfach oben auf „Jetzt anmelden“ und Sie können ganz einfach ein neues Konto mit Ihrer E-Mail-Adresse und einem Passwort Ihrer Wahl erstellen. Dadurch haben Sie die Möglichkeit, ganz einfach ein neues Konto einzurichten.

In einer unserer neuesten Versionen des Produktpreiskatalogs haben wir eine SSO-Funktion (Single Sign On) hinzugefügt, mit der Sie sich mit demselben Benutzerkonto bei Ihrem Produktpreiskatalog und dem Dashboard anmelden können! Dies wird dazu beitragen, den Prozess zu rationalisieren und die Zeit zu minimieren, die Sie mit der Anmeldung bei Ihren nFusion-Anwendungen verbringen!

Um zu dieser neuen Authentifizierungsmethode zu wechseln, müssen Sie zur Benutzerseite Ihres nFusion-Dashboards navigieren, indem Sie Folgendes aufrufen: https://dashboard.nfusionsolutions.com/en/pages/users

Hier sehen Sie eine Tabelle der Benutzer, die derzeit Zugriff auf Ihren Produktkatalog haben. Um Ihren Benutzerdatensatz zu dieser Tabelle hinzuzufügen, klicken Sie im Abschnitt „Benutzer“ der Seite auf „Benutzer hinzufügen“. Geben Sie dann Ihren Namen und die E-Mail-Adresse ein, an die Sie Ihre nFusion Dashboard-Einladung erhalten haben. Wählen Sie unter „Rolle“ die Rolle aus, die Sie diesem Benutzerkonto zuordnen möchten. Die Rolle „Administrator“ ermöglicht sowohl Lese- als auch Schreibzugriff auf Produkte, Produktfamilien usw., während die Rolle „Vertrieb“ im Wesentlichen eine schreibgeschützte Ansicht des Produktkatalogs für diejenigen Benutzer ist, die nur Anzeigezugriff auf die Produkte im Katalog benötigen . Nachdem Sie diese Informationen eingegeben haben, klicken Sie unten links auf der Seite auf „Senden“.

Der soeben hinzugefügte Benutzer kann sich jetzt beim Katalog anmelden und Sie sollten eine E-Mail erhalten haben, die Ihnen dabei hilft. Um Ihre Einladung zum Beitritt zum Produktkatalog anzunehmen, navigieren Sie zu https://nfusioncatalog.com/account/login?tenantalias={your_tenant_name}&scheme=AzureAdB2C. Hier ist wo Sie können die Leistungsfähigkeit Ihrer bestehenden Google-, Microsoft-, Apple- oder Facebook-Konten nutzen. Wenn beispielsweise die E-Mail, über die Sie Ihre Dashboard-Einladung erhalten haben, mit einem Google- oder Gmail-Konto verknüpft ist, können Sie sich mit einem einfachen Klick auf die Google-Schaltfläche im Handumdrehen authentifizieren, was die Anmeldung zum Kinderspiel macht!

Da Sie nun mit Ihrem neuen Benutzerkonto angemeldet sind, das Ihre persönliche soziale Authentifizierungsmethode verwendet, müssen Sie sich nicht mehr mit den alten Administrator- und/oder Vertriebs-E-Mails, die Ihnen zuvor zur Verfügung gestellt wurden, beim Dashboard anmelden.