Profound Page Design
Posted: Fri Aug 23, 2019 12:30 pm
We have been admiring a particular layout seen on Profound's case study page. The one we are looking at can be seen here:
https://www.profoundlogic.com/wp-conten ... /After.png
What we would like to do is to design a page with a similar layout using a jsTree menu on the left and the body of the application on the right. The menu on the left side would present options to allow the user to call other Profound programs that the user has authority to use.
Studying the screen, the menu appears to be contained within a tabbed panel. The small icon on the right corner indicates that the panel can be hidden. There is no such component in the designer.
Reading the last paragraph under the case study's section titled "The Solution" it says the developers "took advantage of a key Profound UI module: Atrium" which we don't have. However, we do have a directory under htdocs named ext-3.4.1.1 which appears to be a third party community edition of Ext JS. There is a web site that appears to be using Ext JS and presents the GUI in a very similar manner as the Kansas Turnpike Authority.
The question then is this: Can we use Ext JS to achieve a layout that includes a tree menu on the left that allows the user to call other Profound programs and on the right contain the page for the called program? If this possible how can the jsTree menu, which is JavaScript, presumably running in an HTML container, call another program to be placed on the right side of the page? The challenge is to somehow get the called program to open on the right side. Can this done?
https://www.profoundlogic.com/wp-conten ... /After.png
What we would like to do is to design a page with a similar layout using a jsTree menu on the left and the body of the application on the right. The menu on the left side would present options to allow the user to call other Profound programs that the user has authority to use.
Studying the screen, the menu appears to be contained within a tabbed panel. The small icon on the right corner indicates that the panel can be hidden. There is no such component in the designer.
Reading the last paragraph under the case study's section titled "The Solution" it says the developers "took advantage of a key Profound UI module: Atrium" which we don't have. However, we do have a directory under htdocs named ext-3.4.1.1 which appears to be a third party community edition of Ext JS. There is a web site that appears to be using Ext JS and presents the GUI in a very similar manner as the Kansas Turnpike Authority.
The question then is this: Can we use Ext JS to achieve a layout that includes a tree menu on the left that allows the user to call other Profound programs and on the right contain the page for the called program? If this possible how can the jsTree menu, which is JavaScript, presumably running in an HTML container, call another program to be placed on the right side of the page? The challenge is to somehow get the called program to open on the right side. Can this done?