Canvas User Interface
  • 18 Jun 2024
  • 1 Minute to read
  • Contributors
  • Dark
    Light
  • PDF

Canvas User Interface

  • Dark
    Light
  • PDF

Article summary

The Canvas interface provides an intuitive UI to enable you to build your use cases utilizing conversational apps and the Invisible app. The Canvas experience provides the user with the ability to perform high-level canvas functions that are intuitive and easy to use and enhance the user experience. The Canvas interface is designed to provide users with an efficient way of designing, visualizing, and using various functionalities to build the workflow. 

The Canvas menu provides you with features that make you navigate through various functions while building a workflow.

The Canvas Utility toolbar provides the following options to help you navigate and perform simple tasks. Use the table below to review all the available options.

Toolbar Options and Icons

Fit to Screen

Align the entire canvas into view, to display the complete picture of the workflow.


Zoom In/Zoom Out

Zoom In / Zoom Out allows you to adjust the view to closely examine the workflow on the canvas.


Translations

Click the dropdown menu to view the available translation languages. The selection of languages other than English will create a synced read-only workflow. To configure and enable this feature, refer to the General Setting tab.


Test Workflow

Use the built-in simulator to test your workflow before launching it. The simulator lets you interact with the workflow exactly as your end users will, ensuring everything works correctly and looks good:

  1. Click the Test Workflow button to open the simulator with an SMS mobile interface.

  2. Select the Invisible App link to open the Invisible App.

  3. Interact with the workflow and complete the steps.

  4. Click the Close button to exit the simulator.


Published/Unpublished

Use the toggle button to unpublish a workflow for editing before the next launch, and publish it to make it available for launching in the LaunchPad.


More Icon Workflow

  • Developer View: Helps debug the workflow.

  • Workflow settings: View and configure the workflow settings.

  • Launch settings: View and configure custom launch settings for the workflow.

  • Clone: Click the Clone icon to clone the workflow.

  • Export Workflow: Export the workflow into a .ufo file format. Use the checkbox to select workflow components to export in the export dialog box.

  • Delete Workflow: Click Delete workflow. Select Yes, delete workflow to delete the entire workflow.



Was this article helpful?