Page tree
Skip to end of metadata
Go to start of metadata

Profound.js uses the Profound UI Visual Designer to create Rich Display interfaces for Node.js applications. The interfaces are stored in JSON (JavaScript Object Notation) format and rendered as dynamic HTML5 at runtime.

The designer provides access to more than 100 browser and mobile widgets you can use in your applications. These include all of the most common graphical components business application developers require, including editable grids, dialogs, charts, tab panels, menus, date pickers, spinners, dropdowns, list boxes, links, buttons, and more.

To start the Visual Designer for Profound.js, point your browser to a URL formatted as follows:


Where host is the server you installed Profound.js on. If the installation is on your PC or Mac computer, use localhost.

And where port is the port number where Profound.js is running (default port during installation is 8081).

Since this Visual Designer is powered by Node.js & JavaScript (a portable language), you can use it either with a connection to a central server, or while offline on your personal computer.

This copy of the Visual Designer saves directly to JSON files. To use the files with Profound.js, you should save them into a subdirectory of modules, under your Profound.js installation directory.

With this designer, there is no DDS or compiled version of the Rich Display File like you have with RPG Open Access. While the JSON files cannot be used directly with RPG OA, they are compatible. The work created with this designer can be opened with the Visual Designer for RPG OA and vice versa.

For information about Visual Designer Basics, click here.

For information on how to use interfaces created with the Visual Designer from your Node.js code, click here.

For more information about Profound UI Rich Displays, click here.


Video Tutorials

  • No labels