Forums: Integration of JavaScript libraries in PHPRunner "dashboard" pages - Forums

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Integration of JavaScript libraries in PHPRunner "dashboard" pages Integration of JavaScript libraries

#1 User is offline   fhumanes 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 52
  • Joined: 10-October 10

Posted 17 September 2018 - 02:55 PM

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.
Posted Image

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 my blog.

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.
Posted Image

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

Posted Image

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

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

#2 User is offline   Ken Lye 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 41
  • Joined: 25-March 16

Posted 18 October 2018 - 05:13 PM

Super helpful. Thanks, Fernando!
0

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic