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” action.
    ActivateDesigner1 ActivateDesigner3
    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.
  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. A Select Layout dialog will appear. Select the Standard Grid Layout
    Dynamic Layout Selection Dialog1
    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 Tree1
Designer Tree

  1. Delete all columns except “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 TreeResult
Designer Tree Result