Following the example of Hierarchy, I want to comment on how I integrate any Javascript library that I select from the Internet to use it in the "dashborad" pages of PHPRunner.
Among the examples I want to highlight the following characteristics:
- How Javascript libraries are integrated in this type of page.
- What type of page should be defined to show the result of these libraries.
- How the headers of information detail panels are set.
As an example I have developed this application that you can download from the download area of this page.
![](https://asprunner.com/forums/file.php?topicimage=1&fieldname=question&id=25855&image=1&table=forumtopics)
Also, tell you that I have worked with the following libraries:
- AnyChart Versions more current than those that include PHPRunner.
- AnyGantt.
- AnyMap
- AmCharts. Very good solution and in some cases it solves in a much more powerful and easy way than AnyChart, the graphic representations of great quality.
- jsGantt It is the one in the example
.
The most detailed explanation and an example to download is in [size="6"]my blog[/size].
If you have doubts, once you have reviewed the example, please contact by email and I will try to help you.
Explanation:
How is Javascript libraries integrated into this type of page?
I really like to use a field of view / table to make a presentation through a "custom" presentation.
![](https://asprunner.com/forums/file.php?topicimage=1&fieldname=question&id=25855&image=2&table=forumtopics)
Normally in the code I put an "Include" of an element of a PHP element that I include in "Custom File".
Also, at this point I include all the sources of the library, including in some cases the examples, to verify and test that they work in this location
![](https://asprunner.com/forums/file.php?topicimage=1&fieldname=question&id=25855&image=3&table=forumtopics)
What type of page should be defined to show the result of these libraries?
Important, for the presentation of the panel to be correct it always has to be a "LIST" page. On this page you have to remove all fields and headers other than the presentation that you want. In the third image, the page used in the example is shown.
How are the headers of information detail panels set?
tion
![](https://asprunner.com/forums/file.php?topicimage=1&fieldname=question&id=25855&image=4&table=forumtopics)
As shown in the image, use the formula "{% master.<Field of the master table>}", so that the code of the project from which the data is provided is displayed in the header of the panel.