Visual Designer for Profound.js

Owned by Alex Roytman
Last updated: Sep 13, 2023 by Jessica Tomkins
2 min read



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:

http://host:port/ide

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.

The Visual Designer saves its work into JSON files. To use the files with Profound.js, you should save them into a subdirectory of modules, under your Profound.js installation directory. All your workspaces are automatically created within modules.

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.



Video Tutorials