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
https://youtu.be/VHk6rMSzFFo
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.