Wij zijn er om te helpen

Je kunt nu moeiteloos de stijl van je widgets personaliseren via onze nieuwe Dashboard-app! Volg deze stappen om aan de slag te gaan:

Toegang tot de widgetspagina: Log in op uw nFusion-dashboard en navigeer naar de widgetspagina.

Een widget bewerken: Zoek op de widgetpagina de widget die u wilt aanpassen en klik op het potloodpictogram 'bewerken' in de kolom Acties. Met deze actie gaat u naar het editorscherm van de widget.

Maatwerksecties: Op het editorscherm van de widget vindt u twee hoofdsecties:

• Sectie Bestand uploaden: In deze sectie kunt u bestanden uploaden, zoals CSS en (JS, alleen beschikbaar in het geavanceerde widgetpakket), evenals een afbeeldingsbestand.
• Sectie Widgetinstellingen: Hier kunt u specifieke widgetinstellingen configureren. In deze handleiding concentreren we ons op het gedeelte voor het uploaden van bestanden en onderzoeken we hoe u een aangepast CSS-bestand uploadt.

Voordat je begint:

Voordat u uw aangepaste CSS uploadt, raden we u ten zeerste aan onze Best practices voor CSS documentatie om ervoor te zorgen dat uw styling zonder conflicten wordt toegepast.

Aangepaste CSS uploaden:

Volg deze stappen om uw aangepaste CSS-bestand te uploaden:

1. Klik op de pictogramknop 'uploaden' onder de kolom 'CSS uploaden'. Met deze actie wordt een bestandsverkenner geopend, waarin u het CSS-bestand kunt selecteren dat u wilt uploaden.
2. Zodra u een CSS-bestand heeft geselecteerd, ontvangt u een bevestigingsbericht waarin wordt bevestigd dat uw CSS-bestand succesvol is geüpload.

Bekijk een voorbeeld van uw wijzigingen:

Om uw aanpassingen in actie te zien, keert u terug naar de widgetpagina en klikt u op de knop 'preview' voor de widget die u zojuist heeft bewerkt. Hierdoor wordt een widgetvoorbeeldpagina geopend waar u uw nieuwe CSS-stijl kunt bekijken.

Problemen met CSS-applicatie oplossen:

Als u merkt dat uw aangepaste CSS niet wordt toegepast, overweeg dan de volgende oplossingen:

• Cache wissen en hard herladen:
  • Open de ontwikkelaarsconsole met Control+Shift+I (Windows/Linux) of Option+Command+I (Mac), of via Extra > Ontwikkelaar > Ontwikkelaarstools, of door met de rechtermuisknop te klikken en Inspecteren te kiezen.
  • Houd het vernieuwingspictogram ingedrukt of klik er met de rechtermuisknop op.
  • Kies 'Cache leegmaken en hard herladen' in de vervolgkeuzelijst.
• Controleer CSS-specificiteit:
  • Open de Developer Console en inspecteer het element dat u wilt opmaken. Zorg ervoor dat uw CSS-regel in het paneel “Stijlen” aan de rechterkant niet is doorgestreept. Als dit het geval is, geeft dit aan dat een andere CSS-regel mogelijk een hogere specificiteit heeft.
• CSS-kiezers en bestand verifiëren:
  • Controleer op typefouten in uw CSS-kiezers en hun volgorde.
  • Zorg ervoor dat het CSS-bestand dat u heeft geüpload het juiste is door het tabblad 'Netwerk' van de Developer Console te gebruiken en het CSS-verzoek te vinden dat overeenkomt met uw aangepaste CSS-bestand.

Als geen van de bovenstaande oplossingen werkt, neem dan contact op met ons ondersteuningsteam via ondersteuning@nfusionsolutions.com. Wanneer u uw probleem meldt, zorg er dan voor dat u alle stappen vermeldt die u hebt ondernomen om het probleem op te lossen voordat u contact opneemt. Dit helpt ons om de snelst mogelijke oplossing te bieden voor uw aanpassingsbehoeften.

Om dit te doen, moet elke widget een unieke ID hebben, zodat er geen JavaScript-fouten of conflicten optreden wanneer ze op de pagina worden geladen. Wanneer u meerdere exemplaren van dezelfde widget aan een enkele pagina toevoegt, moet u daarom de ID van het DIV-element wijzigen, zodat dit uniek is binnen die pagina; Wijzig vervolgens het src-attribuut binnen het script door “/uw-id” toe te voegen aan het einde van het hoofddomein. Door de ID te wijzigen en de src aan te passen, vertelt u het script in welk DIV-element het diagram moet worden geladen. Hier is bijvoorbeeld een standaard diagramwidgetscript dat is gekopieerd van de voorbeeldpagina:

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

Stel nu dat u nog een diagram op dezelfde pagina wilt toevoegen (misschien om bijvoorbeeld het geselecteerde symbool te wijzigen). Hier ziet u hoe het eruit zou zien als u een tweede exemplaar van dezelfde widget aan één pagina zou toevoegen:

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

Merk op dat alles hetzelfde is, behalve de DIV-element-ID en het einde van het src-attribuut.

Als u bent ingelogd en uw wachtwoord wilt wijzigen:

Terwijl u bent ingelogd bij de productcatalogus, navigeert u naar het menu-item in de rechterbovenhoek van uw scherm in het navigatiemenu en klikt u op het item dat uw gebruikersnaam weergeeft. Nadat u op uw gebruikersnaam heeft geklikt, verschijnt er een vervolgkeuzelijst met vier opties. Klik op de tweede optie, “wachtwoord”. Vanaf hier kunt u eenvoudig een nieuw wachtwoord aanmaken. Voer het oude wachtwoord voor de opgegeven gebruiker in en voer vervolgens het nieuwe wachtwoord van de gebruiker in. Bevestig ten slotte het nieuwe wachtwoord om er zeker van te zijn dat het correct is. Zodra u alle verplichte velden heeft ingevuld om uw wachtwoord opnieuw in te stellen, klikt u op de knop Verzenden onderaan het formulier. Uw wijzigingen worden dan verzonden. Uw nieuwe wachtwoord is dan onmiddellijk van kracht.

Als u niet bent ingelogd en uw wachtwoord bent vergeten/kwijtgeraakt:

Probeer de functionaliteit voor het opnieuw instellen van het wachtwoord te gebruiken. Klik in het inlogscherm op “geen toegang tot uw account”, kies vervolgens “werk- of schoolaccount” en voltooi vervolgens de aanwijzingen om een wachtwoordreset te starten. Als u nog steeds niet kunt inloggen, neem dan contact op met ons ondersteuningsteam.

To implement your widgets using our currency helper there are two simple steps.
1. To ensure that the helper script is available before attempting to use it, you must add the following script within your header:

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

2. Nu het script beschikbaar is voor gebruik, kunt u een widget aan de pagina toevoegen door code te gebruiken die vergelijkbaar is met het volgende:

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

Simply replace “YOUR-WIDGET-ID” in the above script with the ID that is in your widgets preview page script. Then similarily, replace the “YOUR-WIDGET-SCRIPT-SRC-URL” with the url being assigned to the s.src variable that is in your widgets preview page script.
This script is very similar to our default widget scripts, with the exception that you need to use the “nFSCurrencyHelper.init” function and pass the function the widget’s src.

Open uw webbrowser en bezoek uw nFusion Dashboard op https://dashboard.nfusionsolutions.com/ of uw nFusion-catalogus op https://nfusioncatalog.com/account/login?tenantalias={your_tenant_name}&scheme=AzureAdB2C. Als u nog niet bent ingelogd, krijgt u de inlogpagina te zien.

Wanneer u de nFusion Cloud of Solutions betreedt, kunt u profiteren van de kracht van uw bestaande Google-, Microsoft-, Apple- of Facebook-accounts. Als de e-mail waarop u uw Dashboard-uitnodiging heeft ontvangen bijvoorbeeld is gekoppeld aan een Google- of Gmail-account, kunt u met een simpele klik op de Google-knop in een handomdraai worden geverifieerd, waardoor inloggen een fluitje van een cent wordt!

Mocht uw e-mailadres geen verband houden met een van deze vier providers, dan is er een alternatieve optie. Klik bovenaan op ‘nu aanmelden’ en u kunt eenvoudig een nieuw account aanmaken met uw e-mailadres en een wachtwoord naar keuze. Hierdoor kunt u gemakkelijk een nieuw account aanmaken.

In een van onze nieuwste releases aan de Productprijscatalogus hebben we een SSO-functie (Single Sign On) toegevoegd waarmee u met hetzelfde gebruikersaccount kunt inloggen op uw Productprijscatalogus en het Dashboard! Dit zal helpen het proces te stroomlijnen en de tijd die u besteedt aan het inloggen op uw nFusion-applicaties te minimaliseren!

To switch to this new way of Authentication, you need to navigate to the Users page of your nFusion Dashboard by visiting: https://dashboard.nfusionsolutions.com/en/pages/users

Hier ziet u een tabel met gebruikers die momenteel toegang hebben tot uw productcatalogus. Om uw gebruikersrecord aan deze tabel toe te voegen, klikt u op 'Gebruiker toevoegen' onder het gebruikersgedeelte van de pagina. Voer vervolgens uw naam en het e-mailadres in waarop u uw nFusion Dashboard-uitnodiging heeft ontvangen. Selecteer onder “Rol” de rol die u dit gebruikersaccount wilt geven. De rol “Beheerder” biedt zowel lees- als schrijftoegang tot producten, productfamilies, enz., terwijl de rol “Verkoop” in wezen een alleen-lezen weergave van de productcatalogus is voor gebruikers die alleen kijktoegang tot de producten in de catalogus nodig hebben . Zodra deze informatie is ingevoerd, klikt u op 'Verzenden' in de linkerbenedenhoek van de pagina.

De gebruiker die u zojuist heeft toegevoegd, kan nu inloggen op de catalogus. Als het goed is, heeft u een e-mail ontvangen om u hierbij te helpen. Om uw uitnodiging om deel te nemen aan de productcatalogus te accepteren, navigeert u naar https://nfusioncatalog.com/account/login?tenantalias={your_tenant_name}&scheme=AzureAdB2C. Hier is waar u kunt profiteren van de kracht van uw bestaande Google-, Microsoft-, Apple- of Facebook-accounts. Als de e-mail waarop u uw Dashboard-uitnodiging heeft ontvangen bijvoorbeeld is gekoppeld aan een Google- of Gmail-account, kunt u met een simpele klik op de Google-knop in een handomdraai worden geverifieerd, waardoor inloggen een fluitje van een cent wordt!

Nu u bent ingelogd met uw nieuwe gebruikersaccount die gebruikmaakt van uw persoonlijke sociale authenticatiemethode, hoeft u niet langer in te loggen op het Dashboard met de oude beheerders- en/of verkoop-e-mails die eerder aan u zijn verstrekt.