Interface configuration

Last updated 7 months ago

Normally you would hard code the interface of your application. But with iCodeBetter you just need to give a configuration. The platform creates the interface. Additionally, it provides source code of the interface for you.

Interface can be a web service, user interface (web and mobile) or message queue.

Web UI (Database)
Web UI (REST)
Mobile UI

There are 3 kinds of user interfaces in a business application:

  • Form

  • Grid

  • Combination of forms and grids

Let's create a form for the database table we created.

Right click on table and select table2form.

Enter configurations and click save.

Select the form and insert its cells from a source object.

Select edit mode and enter form controls.

You have created a form!

Now let's create a grid.

Right click on table and select table2query.

Select Grid Query and click save.

Click on organize fields to load query fields.

You have created a query!

Right click on query and select query2grid.

Select person_id as Query PK Field and click save.

Click insert grid columns from query fields.

You have created a grid!

Now let's add the grid to a page.

Go to pages section and click new.

Enter page template name and click save.

Make sure template2menu is ticked!

Select the template and click new to add the grid

Select our grid and click save

That's it! To see the result click Preview.

Let's create a grid from REST service we created.

Right click on listUsers method and select ws_method2query

Write a query [each property must be on new line] and click save

Select the query and click organize fields to load query fields

Right click the query and select query2grid

Enter grid details and click save

Select the grid and insert grid columns from query fields

You created a grid!

Go to Pages and create new page.

Select the table and click mobile form wizard

Customize the form