Open the Developer Tools in your browser (F12-Key in many browsers) and watch the Console-tab for any warnings (orange) or errors (red).

If something does not work as expected, there may be information there helping you to find spelling mistakes or syntax errors in the Javascript code. There are also warnings from AppGini Helper Library giving hints what may be the problem, for example typos in a fieldname will raise a “missing field” warning.

  1. Check the Console-output for errors or warnings.
    In modern browsers press F12 key to open the developer-tools. There is a Console-tab. If there are errors (red) or warnings (orange), read the messages and try to figure out if there is a syntax error or typo for example.
  2. Check that the file AppGiniHelper.mine.js exists in hooks-directory.
  3. Check that you have included AppGiniHelper.mine.js as a JavaScript source in hooks/header-extras.php.
  4. When reloading your page, always clean the browser’s cache (for example Shift+F5 in Chrome, CTRL+R in other browsers)
  5. Check that there is a file named YOURTABLENAME-dv.js in hooks-directory
    In this case: patients-dv.js.
  6. Check exact letter-casing of YOURTABLENAME-dv.js especially in Linux.
    I recommend naming all tables in English language and lowercase letters, for example “patients”, not “Patients”. So the filename will always be lowercase, for example “patients-dv.js”, not “Patiens-dv.js”nor “PATIENTS-dv.js”
  7. Check that you can open and login to your application
  8. Check if you can enter the table-view of your table.
  9. Check if you can enter the detail-view of your table.
  10. Try to re-generate your app, go to Admin-area and check if all tables and fields have been generated and configured as modeled in your AppGini project. Especially use the “Rebuild fields” function in Admin-area.
  11. Try to comment-out every line of your code, then start uncommenting line by line and always check (reload your page) after each line. You will soon see which line(s) cause the error.
  12. Install a modern, professional source-code editor like Visual Studio Code which will automatically highlight syntax errors in your code and will give you hints on how to solve them.
Social media & sharing icons powered by UltimatelySocial