RadiantQ jQuery Gantt Package
Why the gantt is not showing in the page and how to fix it?
Previous Topic  Next Topic 


Why the gantt is not showing in the page and how to fix it?


Here are a few scenarios that will lead to an empty page, without the gantt showing.


(Note that you can usually show a browser's console window by pressing "F12".)


a) Failed to load JS Script files


An empty page will be displayed and you get the "Failed to load resource: the server responded with status of 404 (Not Found)" error in browser console, which usually means that the reference  to the js script files were incorrect. 


The below image shows that "RadiantQ-jQuery.gantt.2.8.trial.min.js" file is not found. 



To fix this issue:


Simply make sure that the referenced path, "Samples/Scripts" is correct or make sure that the script files are, in fact, available in that path.


b) Failed to load data source (web service or JSON file)


The console log will contain the error message of mssing web-service or json files.



To fix this issue:

Make sure that the path to the web-service or json file referenced is correct.


Note : When you deploy a json file to the server (usually for testing purposes), servers, by default, do not serve such .json file types(no wildcard MIME type). Therefore a 404 not found is thrown when they are accessed. Take a look at Deploying Gantt topic (Note on json files) to see how to enable the server to serve json files.


c) Forgets to refer (or) wrongly referred "


Spliter only displayed and you get  "The reference  to the VW.Grid.js script file is incorrect" error in browser console, which usually means that the user  forgets to refer (or) wrongly referred "VW.Grid.js".



To fix this issue:


Simply make sure that the "VW.Grid.js" file referred properly.




� RadiantQ 2022. All Rights Reserved.