Links

Page Flow

Page Flow in Zingy offers a user-friendly interface where you can design the flow of your app's pages and forms. It provides a collection of pre-designed blocks that can be easily arranged and connected through a drag-and-drop interface. Each block represents a specific programming concept or logic, allowing you to build sophisticated programs by stacking and nesting these blocks together.
You can open the Page Flow editor by using the 'Page Flow' button on the Page Editor's main toolbar.

Page Flow Editor Tour

The page flow editor consists of the main toolbar, the toolbox and the workspace sections and they are discussed below:

Main Toolbar

Page Flow Editor: Main Toolbar
The page flow editor's main toolbar sits near the top and provides the following buttons:
  • Save: Saves your work.
  • Close: Takes you back to the page editor.

Toolbox

Page Flow Editor: Toolbox
The page flow editor's toolbox serves as a palette or menu from which you can select blocks to build your page's flow. The toolbox appears as a vertical panel, providing a categorized collection of blocks that you can drag and drop onto the page flow editor's workspace.
The blocks in the toolbox represent different programming concepts, commands, and functions that can be combined to create customized logic for your page.

Workspace

Page Flow Editor: Workspace
The workspace is the main area where you build and arrange your flow using blocks. It appears as a grid-like interface where you can visually assemble the blocks to create the desired logic or sequence of instructions.
To add a block to your program, you click and hold on the desired block in the toolbox, then drag it into the workspace. Once the block is in the workspace, you can release the mouse button to drop it into the desired position.
The blocks can be connected together by attaching them to one another, forming a chain of blocks that represent the desired flow. The connection points on the blocks allow you to snap them together, creating a visual representation of the logical structure.
By dragging blocks from the toolbox into the workspace and arranging them accordingly, you can construct the page's flow, define variables, implement conditional statements, perform calculations, and execute other programming tasks.

See also