Examples

Table of Contents

• Event Locations Map

• Image Gallery Slideshow

• Ratings Average and Distribution

Data Usage Scenarios

There are three different ways of using code widgets in your app when it comes to having them present or process app data:

1. Using data from the current row

2. Using data from a child table in a custom format

3. Using data from another table or tables

Scenario 1: Current Row Data

For the first scenario you need a code widget field on the table that you want to get the data from. The example we'll look at is a slideshow widget for presenting the images from an image gallery field.

Scenario 2: Child Table Data

For the second scenario you need a code widget field on the parent table which gives it access to retrieve the relevant child rows and summarise or present them in some way. The example we'll look at for this is a ratings average and distribution widget that summarises ratings information from a set of reviews.

Scenario 3: Other Tables Data

For the third scenario you need a separate table to put the code widget field on. You may also want to put other fields on that table to act as settings for the widget, to alter it's behaviour or appearance, or tell it where to get data from. The example we'll look at for this last scenario is a map widget that shows a set of event locations with the ability to launch a popup to show more information about the event, and to navigate to the details of the event.

Code Customization

These three examples should give you an idea of what can be done with code widgets and how the AI assisted code generation feature in Buzzy can greatly enhance the features of your app. The code that is generated can also be edited directly by editing code widget fields in the Data section of your app within the Buzzy Workspace. The generated code is typically quite simple react based code which can be modified if you have a basic knowledge of Javascript, HTML, CSS and React.