Introduction

This is a submission of the Enhance your bot building with templates blog post series.

In this blog post I will show you how you can create a simple Popup and how you can capture it, in order to use it in your flowchart and add activities on it.

Content

• Introduction
• Content
• How to create a Popup?
• How to add simple elements on a Popup?
• How to capture a Popup?
• How to use the Popup?
• Video
• Conclusion

How to create a Popup?

The Popups can be created in the UIDesigner perspective.

in the UI Designer Panel, right click on the POPUPS and select ‘Add a new Popup..’

The Add a popup window opens. Set a name and a comment for it. click on Add button.

How to add simple elements on a Popup?

In the workspace, right click and select the items you want to add in your Popup. In my example I chose to add 2 Text inputs and a button:

If I click on the Design mode button, i can check how my Popup will look like:

How to capture a Popup?

If you want o capture the Popup, click on the Capture button above it:

The Capture Page application opens. add a name and a comment and click on Start capture button.

How to use the Popup?

Your Popup is captured and ready to be used.

Go to Workflows perspective. Go to the Activities Panel and open the Pages tab. A new category was created, named POPUPS, under which you will find your popup.

Simply Drag and drop you popup in the workflow. To add activities on it, double click on it and add activities as you do with activities on any page:

Video

Conclusion

In the UIDesigner perspective we are able to create user-interface elements that helps us create more user-friendly scenarios. We can add any elements that helps us to manage the process more easily.

Capturing and using the Popups in the workflows is very similar to the way we use pages in the applications and it is easy to integrate them in the flowcharts.