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.
    ActivateDesigner6 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. 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 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 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 TreeResult
Designer Tree Result