K2BTools Tutorial - Exercise 6.1: Creating the customer selection grid.

1. Create a new Web Panel, called “CustomerInvoices”.
2. Go to the “Designer” part, and click on “Activate with empty panel” action.
   

   Before activation	After activation

3. In the “Web Form” node, set the “Title” property to “Customer Invoices”.
4. Save the object, see how the Web Form, Variables, and Events parts were updated. Since it is the first time you use designer, a few objects will be imported.
5. Return to the “Designer” part.
6. In the “Web Form” node, right click and go to actions, then execute the “Add Grid From Transaction” option.
7. Select the “Customer” transaction.
8. The Select Layout dialog will appear. Select ¨"Standard Grid" Layout

   Dynamic Layout Selection Dialog

9. Aflter selecting the layout a dialog will appear, where you can select how the grid’s content will be generated: using variables or attributes. Create this grid using attributes.

The Designer tree will look like this:

Designer Tree

1. Delete all attributes except from “CustomerId”, “CustomerFirstName”, “CustomerLastName” and “CustomerNumber”
2. Delete all the filters except for the filters node. (Generic filter)
3. Save the web panel. See how the web form was updated.

This is how the designer tree should look now:

Designer Tree Result