> For the complete documentation index, see [llms.txt](https://docs.greytrix.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.greytrix.com/gumu-sage-crm-integration/sage-x3/installation-guide/charts-and-dashboard-setup..md).

# Charts and Dashboard Setup.

**Node.js Installation on CRM Server**\
\
With our GUMU™ Integration, we have introduced chart and dashboard screens in CRM applications. With the help of these screens, the user now has the ability to view data for quick and high-level visual sales analysis. On this screen, we display the customer’s data on global and individual levels from Sage X3 on a real-time basis.

1. For GUMU™ Charts and dashboard screens to work, we need to download and Install the node.js LTS version setup file from given URL - <https://nodejs.org/en/>

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FMyAIfMAERCer92ZsHaXG%2FImage51.jpg?alt=media&amp;token=5c8e6df7-2f7c-479e-a1e8-5fc49f287b6e" alt=""><figcaption></figcaption></figure>

2\. Users can also check the installed node.js setup version by following the below steps

&#x20;   \-  Open the Start menu, then type cmd in the Search box and press Enter\
&#x20;   \-  Run the command prompt using run as administrator\
&#x20;   \-  In the command line window that appears, type node --version and press Enter\
&#x20;   \-  On the below line node.js version will appear

**Node-Red setup and installation**

3\. For charts and dashboard details to appear on the CRM screens the user will need to install node-red using the command prompt. Open the command prompt with run as administrator and type the below command

<mark style="background-color:orange;">npm install -g --unsafe-perm node-red</mark>

4\. After node-red installation, run the node-red below command under the administrator run command prompt to keep the Kendo charts up and running

<mark style="background-color:orange;">node-red</mark>&#x20;

5\. Access the Node-Red URL below\
URL:- http\://\[system IP address]:1880/\
E.g. - <http://192.168.0.125:1880/>

6\. The user will need to check if the MSSQL-plus module is installed under Node-Red. If not, then it needs to install, and for that follow below Screenshots and steps.

* Click on Menu present on the right side corner and select the Manage Palette as shown below

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FkGfkrjLLoY1Mqbw3y670%2FImage52.jpg?alt=media&amp;token=47d23d5d-abe3-4fcb-a1c2-a10b4f35c047" alt=""><figcaption></figcaption></figure>

* Now navigate to the Install tab, search for the MSSQL module in the search module and install the MSSQL-plus module. Refer below screenshot for a better understanding

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FtbyMJPYN4F1Hmo5DIUMO%2FImage53.jpg?alt=media&amp;token=ace1d857-0a4c-433a-b392-6da4c8319611" alt=""><figcaption></figcaption></figure>

7\. Once the MSSQL-plus module is installed. The user needs to import the SQL node.json file under Node-Red by performing the steps below

* Click on the menu button present on the node-red application and then click on the Import button.

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2Fw5GzTqIEzUfrUsqYMElv%2FImage54.jpg?alt=media&amp;token=226d2b4f-0400-4ab6-b141-a77f677c733e" alt=""><figcaption></figcaption></figure>

* Click on select a file to import then navigate to the given path below and select Sage X3 SQL.json file (Assuming the Greytrix folder is on C drive)\
  &#x20;*C:\Program Files (x86)\Greytrix\GUMU for Sage CRM - Sage X3\Patches\V7 OR Above\Sage X3 SQL.json*&#x20;

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2Fd9a3SYuWiwdCdjTrxsm4%2Fimage.png?alt=media&amp;token=5657f8c2-5ae3-4a93-98b0-327d18c44b59" alt=""><figcaption></figcaption></figure>

* Click on the import button to import the selected JSON file&#x20;

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FJ1YaPxun0Dy691sExF8d%2Fimage.png?alt=media&amp;token=065bc09e-83e5-4321-88cb-2db561fc51c5" alt=""><figcaption></figcaption></figure>

&#x20;8\. After the JSON file gets imported then click on the Deploy button present in the right corner

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FgtULxgScVcO515tQsedI%2Fimage.png?alt=media&amp;token=cc5e667c-4086-48f5-b950-36c0b8aebdc2" alt=""><figcaption></figcaption></figure>

&#x20;9\. Now, double-click on MSSQL-PLUS where the properties screen will get displayed to add CRM’s SQL details click on the edit as shown below

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FImjjFND3po2dIUjFRQRz%2Fimage.png?alt=media&amp;token=a541a5dc-3312-400c-83b1-13a979dbea73" alt=""><figcaption></figcaption></figure>

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FLScAbBMkWugZ5AGctM7b%2Fimage.png?alt=media&amp;token=8417fd50-f6ca-4953-952d-d2c09f0ba8b0" alt=""><figcaption></figcaption></figure>

10\. Add the proper CRM SQL details similarly as shown below image and also check the same checkbox as shown below

&#x20;

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2Fp01UeXi0v62B1Tr6uW14%2Fimage.png?alt=media&amp;token=7c82582b-c91b-460c-b841-840f9c2eb5bf" alt=""><figcaption></figcaption></figure>

11\. Once the SQL details are configured under the properties screen. The user can do a test connection which can be verified through logs when clicking on the debug button. Refer to the below image.

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2F5gW8EfWuYgzmud8cuKnB%2Fimage.png?alt=media&amp;token=5f1a267a-20c3-4594-901c-db3fbd43e52d" alt=""><figcaption></figcaption></figure>

&#x20;12\. After that click on inject button, and the logs will get generated under debug screen as shown below

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FkFysPghSfvQsEqXrreqQ%2Fimage.png?alt=media&amp;token=e70a9287-e2c7-42b6-a868-5d6250fc87da" alt=""><figcaption></figcaption></figure>

13\. Expand the logs at the detail level and verify if data arrive similar to that present in Sage X3.

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FHcuDEuJqOOJq2bWikl8A%2Fimage.png?alt=media&amp;token=84cd8502-ce41-469d-a766-98146a4f01ea" alt=""><figcaption></figcaption></figure>

14\. The Node-Red URL needs to configure in CRM. For that Navigate to Administration > Translation and enter the below-mentioned details under respective fields and search\
\
&#x20;     Caption Family: NodeRedStatusURL\
&#x20;     Caption Code : NodeRedStatusURL

&#x20;     Now click on the caption code hyperlink and enter the details of the node-red URL

&#x20;     E.g.:- node url - http\:// \[node red IP]:1880/

&#x20;     Also, similarly as shown below Image and save the details

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FQTamsJwVsIcfQDzQsC9C%2Fimage.png?alt=media&amp;token=ca0f2715-90e0-4484-b19f-14a386234bea" alt=""><figcaption></figcaption></figure>

15\. The Dashboard that has the ability to show the customer’s data need to be created manually.

&#x20;**ERP Data Dashboard**

* Go to the Sage CRM home page there click on new dashboard button and select Create Dashboard.
* Under Dashboard, details enter name as ‘ERP Data’ and click ok then cancel.

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FT0QUm4aQ8JqvzAcEjaFe%2Fimage.png?alt=media&amp;token=c3448def-d169-4f11-bb1f-e95240c9407e" alt=""><figcaption></figcaption></figure>

* Now click on the new gadget button beside the new dashboard button and then click on create gadget and select web site.
* On the gadget wizard screen, under the content block field select ERPGolbalDashboard and click on the next button

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FYr3nqAUYQqqJoy2zRsGI%2Fimage.png?alt=media&amp;token=ce1e00c1-bc0d-41a5-a405-fe509509c6f6" alt=""><figcaption></figcaption></figure>

* Enter ‘Sage X3 Data’ under the name field and click on the finish button.

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FhwYWXhDKTqjOKYLLKchx%2Fimage.png?alt=media&amp;token=c2f8e25a-7ca4-4bf9-9f62-cc9bd63e766d" alt=""><figcaption></figcaption></figure>

**Customer Dashboard**

* Similarly, create a dashboard for customers. Select one of the customers and go to the dashboard. Now click on the new dashboard button and select Create Dashboard.
* Under Dashboard, details enter the name as ‘Customer Dashboard’ and click ok then cancel.

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FHRk0nMBG0kAxTVdyUWNJ%2Fimage.png?alt=media&amp;token=7a2b0aa4-ec60-4fdc-b914-5ae3e75b0b59" alt=""><figcaption></figcaption></figure>

* Now click on the new gadget button beside the new dashboard button and click on create gadget and select web site.
* On the gadget wizard screen, under the content block field select ERP Dashboard and click on the next button

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FNed2Da4loS8kSnq4aBEy%2Fimage.png?alt=media&amp;token=b644dc05-e72a-48b8-ba26-bdebb422901a" alt=""><figcaption></figcaption></figure>

* Enter ‘Sage X3 Data’ under the name field and click on the finish button.

<figure><img src="https://794987320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MCRVg-TYx3gVa2Tqtf_%2Fuploads%2FqZYgRYkF3qnBtVLerUwN%2Fimage.png?alt=media&amp;token=2e22e622-3a97-4768-892b-93fcf4f9df4c" alt=""><figcaption></figcaption></figure>

For Configuring GUMU™ from Sage CRM and Sage X3 side, kindly refer User Guide.
