Create a grid widget

Introduction

In this tutorial, you will learn how to create a grid widget.

If you have already follow this tutorial series step by step. You should have the "Book list" page ready and look like the below image

image-20211112111703196

Tip: The previous steps is required before you create your first workflow definition

  1. Create a product
  2. Create a data class
  3. Create a worker site
  4. Create a page
  5. Create a process

Guide

  • Step 1. In Casewhere Admin site, navigate to Pages

Choose the pages name "book-list" that you already made in create a page step

  • Step 2. In the Main grid widget, click Edit Grid Setting

image-20211104173139795

Select Data Source "CwBook", choose Yes if a warning dialog pop up

image-20211104172816706

The Data Query will load and should look as below

image-20211105153047170

  • Step 3. Navigate to Columns tab

Drag and drop these fields into form canvas: Title, Genre, Price, PurchaseDate

image-20211104173812620

Click Save And Close

You just added the very first grid to your page

image-20211110092945151

You are ready to go to next step - Create add-object workflow