Sample Widget: Playground

We shall learn to add a sample widget into your AppCreator application. The procedure is as follows:

1. Download the ZIP file.
2. Open the application in which you need to embed the widget.
3. Navigate to the Settings page.
4. Select Widgets.
5. Click New Widget button. 
6. The New Widget pane appears. Enter your Widget name.
7. Enter the Index page URL of the externally hosted widget in the Hosting URL field.

   

8. Click Create. The created widget is added to the Widgets page.
9. Now, Navigate to the Design page of the application.
10. Click Open Page Builder button.

    

11. The page builder will appear. Select Widgets.

    

12. The created widget will appear. Drag and drop the widget into the builder area.
13. Click Done to exit the builder.

To access the widget:

1. Click Access this application.
2. Navigate to the page where the widget was added. The widget will now be displayed.

   

3. To try out the functions, click on any one of the options listed at the top the widget. Enter the required values.

   

4. The respective method response will be displayed.

   

Related Topics

• Understand widgets
• Install CLI
• Create your first widget
• Add widget to a page
• JS API documentation