UI Wizard

In this chapter we will build a small business application using iCodeBetter's UI Wizard.

UI Wizard is UI first development usually used for prototyping and a quick demo of the system.

Click on UI Wizard.

Type in form field names and click Generate Form.

Enter form's name, change form configurations as you wish and then click Generate Grid.

Complete grid configuration and click Finish.

As you see on the right, system is informing you that it created table, query, grid, search form, page, added the grid to that page, linked the page to application menu and reloaded cache.

And opens preview of your page.

You have basic functional page with CRUD form, search form and grid rendered in React.