Getting started

Create a project

1. Open File → New Project or press Ctrl+N.
2. Choose Blank project to start from scratch or Examples & Tutorial for editable examples of components, reusable menus, APIs, and RestGO accounts across 13 pages.
3. Choose a theme: Aurora, Prism, Flat, or WebRAD.
4. Enter Project name and click Create project.
5. Select the destination folder. The IDE creates a subfolder with the project name.

To reopen a project, use File → Open Project… or Ctrl+O and select the .wrproj file.

Build your first screen

1. Open index in Project Explorer → Pages.
2. Add components from the Tool Palette.
3. Select a component and adjust its properties in the Object Inspector.
4. In the Interaction tab, double-click an event to create and link its TypeScript method.
5. Edit the method in the Code tab and save with Ctrl+S.
6. Press F9 or click Preview to compile and run.

In page code, access components using their Inspector names, such as Button1.caption. The page root is this.

Projects include the required index and 404 pages. Edit their content; their names are reserved. Use Project → Add Page for additional screens.

Next steps

Open Project Settings in the Project panel to configure the name, environments, routes, and publishing. To export, open Project → Build Application… and choose Web/PWA or a native platform.