Siamo qui per aiutare

Ora puoi personalizzare facilmente lo stile dei tuoi widget tramite la nostra nuova app Dashboard! Per iniziare, segui questi passaggi:

Accedi alla pagina dei widget: Accedi al tuo nPannello di controllo Fusion e vai alla pagina dei widget.

Modifica un widget: Nella pagina dei widget, individua il widget che desideri personalizzare e fai clic sull'icona a forma di matita "modifica" nella colonna delle azioni. Questa azione ti porterà alla schermata dell'editor del widget.

Sezioni di personalizzazione: Nella schermata dell'editor del widget troverai due sezioni principali:

• Sezione caricamento file: Questa sezione ti consente di caricare file, come CSS e (JS, disponibile solo nel pacchetto widget avanzato), nonché un file immagine.
• Sezione Impostazioni widget: Qui puoi configurare le impostazioni specifiche del widget. In questa guida ci concentreremo sulla sezione di caricamento dei file ed esploreremo come caricare un file CSS personalizzato.

Prima di iniziare:

Prima di caricare il tuo CSS personalizzato, ti consigliamo vivamente di rivedere il nostro Migliori pratiche CSS documentazione per garantire che lo stile venga applicato senza conflitti.

Caricamento CSS personalizzato:

Per caricare il tuo file CSS personalizzato, procedi nel seguente modo:

1. Fai clic sul pulsante con l'icona "Carica" nella colonna "Carica CSS". Questa azione aprirà un esploratore di file, che ti consentirà di selezionare il file CSS che desideri caricare.
2. Una volta selezionato un file CSS, riceverai un messaggio di conferma che conferma che il tuo file CSS è stato caricato con successo.

Anteprima delle modifiche:

Per vedere le tue personalizzazioni in azione, torna alla pagina dei widget e fai clic sul pulsante "anteprima" per il widget che hai appena modificato. Si aprirà una pagina di anteprima del widget in cui potrai visualizzare il tuo nuovo stile CSS.

Risoluzione dei problemi dell'applicazione CSS:

Se scopri che il tuo CSS personalizzato non viene applicato, considera le seguenti soluzioni:

• Svuotamento della cache e ricarica completa:
  • Apri la Console per gli sviluppatori utilizzando Ctrl+Maiusc+I (Windows/Linux) o Opzione+Comando+I (Mac) oppure tramite Strumenti > Sviluppatore > Strumenti per sviluppatori oppure facendo clic con il pulsante destro del mouse e scegliendo Ispeziona.
  • Tieni premuto o fai clic con il pulsante destro del mouse sull'icona Aggiorna.
  • Scegli "Svuota cache e ricarica forzata" dal menu a discesa.
• Controlla la specificità CSS:
  • Apri la Console per gli sviluppatori e controlla l'elemento a cui desideri applicare lo stile. Nel pannello "Stili" sul lato destro, assicurati che la regola CSS non sia cancellata. Se lo è, ciò indica che una regola CSS diversa potrebbe avere una specificità maggiore.
• Verifica selettori e file CSS:
  • Controlla gli errori di battitura nei selettori CSS e il loro ordine.
  • Assicurati che il file CSS che hai caricato sia quello corretto utilizzando la scheda "Rete" della Console per gli sviluppatori e trovando la richiesta CSS corrispondente al tuo file CSS personalizzato.

Se nessuna delle soluzioni sopra indicate funziona, contatta il nostro team di supporto all'indirizzo supporto@nfusionsolutions.com. Quando segnali il tuo problema, assicurati di includere tutti i passaggi che hai eseguito per risolvere il problema prima di contattarci. Questo ci aiuterà a fornire la soluzione più rapida possibile alle tue esigenze di personalizzazione.

Per fare ciò, ogni widget deve avere un ID univoco in modo che quando vengono caricati nella pagina non ci siano errori o conflitti javascript. Pertanto, quando aggiungi più istanze dello stesso widget a una singola pagina, devi modificare l'ID dell'elemento DIV in modo che sia univoco all'interno di quella pagina; quindi, modifica l'attributo src all'interno dello script aggiungendo "/your-id" alla fine del dominio root. Cambiando l'ID e modificando src, stai dicendo allo script in quale elemento DIV caricare il grafico. Ad esempio, ecco uno script widget grafico predefinito che è stato copiato dalla pagina di anteprima:

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

Ora supponiamo che tu voglia aggiungere un altro grafico sulla stessa pagina (magari per cambiare il simbolo selezionato, ad esempio). Ecco come apparirebbe aggiungere una seconda istanza dello stesso widget a una singola pagina:

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

Nota come tutto è uguale tranne l'ID dell'elemento DIV e la fine dell'attributo src.

Se hai effettuato l'accesso e vuoi modificare la password:

Dopo aver effettuato l'accesso al catalogo prodotti, vai alla voce di menu nell'angolo in alto a destra dello schermo all'interno del menu di navigazione e fai clic sulla voce che mostra il tuo nome utente. Dopo aver fatto clic sul tuo nome utente, verrà visualizzato un menu a discesa con quattro opzioni. Fare clic sulla seconda opzione, "password". Da qui puoi semplicemente creare una nuova password. Immettere la vecchia password per l'utente specificato, quindi immettere la nuova password dell'utente. Infine, conferma la nuova password per assicurarti che sia corretta. Dopo aver compilato tutti i campi richiesti per reimpostare la password, fare clic sul pulsante di invio nella parte inferiore del modulo e le modifiche verranno inviate. La tua nuova password avrà quindi effetto immediato.

Se non hai effettuato l'accesso e hai dimenticato/perso la password:

Prova a utilizzare la funzionalità di reimpostazione della password. Nella schermata di accesso, fai clic su "impossibile accedere al tuo account", quindi scegli l'account "lavoro o scuola", quindi completa le istruzioni per avviare la reimpostazione della password. Se ancora non riesci ad accedere, contatta il nostro team di supporto.

Per implementare i tuoi widget utilizzando il nostro strumento di supporto per le valute, sono necessari due semplici passaggi.
1. Per assicurarsi che lo script di supporto sia disponibile prima di tentare di utilizzarlo, è necessario aggiungere il seguente script all'interno dell'intestazione:

2. Ora che lo script è disponibile per l'uso, puoi aggiungere un widget alla pagina utilizzando un codice simile al seguente:

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

Sostituisci semplicemente "YOUR-WIDGET-ID" nello script sopra con l'ID presente nello script della pagina di anteprima dei widget. Quindi, analogamente, sostituisci "YOUR-WIDGET-SCRIPT-SRC-URL" con l'URL assegnato alla variabile s.src presente nello script della pagina di anteprima dei widget.
Questo script è molto simile ai nostri script widget predefiniti, con l'eccezione che è necessario utilizzare la funzione "nFSCurrencyHelper.init" e passare alla funzione il src del widget.

Apri il tuo browser web e visita la dashboard di nFusion all'indirizzo https://dashboard.nfusionsolutions.com/ o il tuo catalogo nFusion su https://nfusioncatalog.com/account/login?tenantalias={your_tenant_name}&scheme=AzureAdB2C. Se non hai già effettuato l'accesso ti verrà presentata la pagina di login.

Quando entri nelle soluzioni nFusion Cloud, puoi sfruttare la potenza dei tuoi account Google, Microsoft, Apple o Facebook esistenti. Ad esempio, se l'e-mail su cui hai ricevuto l'invito sulla Dashboard è collegata a un account Google o Gmail, un semplice clic sul pulsante Google ti autentica in un attimo, rendendo l'accesso un gioco da ragazzi!

Se il tuo indirizzo email non è associato a uno di questi quattro provider, esiste un'opzione alternativa. Basta fare clic su "iscriviti ora" in alto e puoi creare facilmente un nuovo account utilizzando il tuo indirizzo email, insieme a una password di tua preferenza. Ciò ti dà la possibilità di creare facilmente un nuovo account.

In una delle nostre ultime versioni del Catalogo prezzi prodotti, abbiamo aggiunto una funzionalità SSO (Single Sign On) che ti consente di accedere al Catalogo prezzi prodotti e alla Dashboard utilizzando lo stesso account utente! Ciò contribuirà a semplificare il processo e a ridurre al minimo il tempo impiegato per accedere alle applicazioni nFusion!

Per passare a questa nuova modalità di autenticazione, è necessario accedere alla pagina Utenti della dashboard nFusion visitando: https://dashboard.nfusionsolutions.com/en/pages/users

Qui vedrai una tabella di utenti che attualmente hanno accesso al tuo catalogo prodotti. Per aggiungere il record utente a questa tabella, fai clic su "Aggiungi utente" nella sezione utenti della pagina. Quindi inserisci il tuo nome e l'indirizzo email a cui hai ricevuto l'invito a nFusion Dashboard. In "Ruolo" seleziona il ruolo che desideri fornire a questo account utente. Il ruolo "Amministratore" consente l'accesso in lettura e scrittura a prodotti, famiglie di prodotti, ecc. Mentre il ruolo "Vendite" è essenzialmente una visualizzazione di sola lettura del catalogo prodotti per quegli utenti che necessitano solo dell'accesso di visualizzazione ai prodotti all'interno del catalogo . Una volta inserite queste informazioni, fare clic su "Invia" nell'angolo in basso a sinistra della pagina.

L'utente che hai appena aggiunto ora può accedere al catalogo e dovresti aver ricevuto un'e-mail per aiutarti a farlo. Per accettare l'invito a iscriverti al Catalogo prodotti, vai a https://nfusioncatalog.com/account/login?tenantalias={your_tenant_name}&scheme=AzureAdB2C. Ecco dove puoi sfruttare la potenza dei tuoi account Google, Microsoft, Apple o Facebook esistenti. Ad esempio, se l'e-mail su cui hai ricevuto l'invito sulla Dashboard è collegata a un account Google o Gmail, un semplice clic sul pulsante Google ti autentica in un attimo, rendendo l'accesso un gioco da ragazzi!

Ora che hai effettuato l'accesso utilizzando il tuo nuovo account utente che utilizza il tuo metodo di autenticazione social personale, non è più necessario accedere alla Dashboard utilizzando le vecchie e-mail di amministrazione e/o di vendita che ti erano state fornite in precedenza.