Step 1: App designer overview (tutorial)

In this step, we'll create a blank app.

Go to Configuration > Apps.
Click Add.
Enter an App Name. For this example, we'll call our app App_AD_User_Create, following the convention App_TargetSystem_ObjectType_Action. You can use any convention you want, but this is the one we'll follow in this tutorial.
Click Create. A new app with a single empty form is created, in Design mode. Every app has one or more forms, each of which represents one screen or step in the app. (Ours will ultimately have three.)

Before going any further, let's get to know the NIM app designer:

Table 12. Left sidebar

Items	The various items you can drag-and-drop onto your form. To do so, drag an item's App Item Handle.
Props	View and edit the properties of the currently selected item on your form. Click an item to select it.
Table	Populate data into Grid-type items using filters.
Actions	Attach actions to the currently selected item. Most often used with Button-type items.
Variables	View the current values of all variables in this app. Useful to debug your app.
Forms	View, add, and delete forms (screens) in your app.

Table 13. Main editor

Form	A WYSIWYG drag-and-drop editor for the form currently selected in the Forms tab. The main workspace.
Variables	Create JavaScript-based variables, if any of your variables require a calculated value.
Access	View the internal users & groups that currently have access to this app. For more information, see Apps access control.
Name Generator	Optionally attach a name generator to this app, to populate variables with generated values.
Form Structure	Not yet supported.
Variable Validation	Optionally exclude variables from validation.
Validation	Not yet supported. (To validate your app, you must exit the app designer and go to Configuration > Validation.)

Table 14. Run vs. design modes

Run	View & test your app as a user would see it. Note that actions are committed to production systems during testing.
Design	Edit your app.

Table 15. Keyboard controls

Delete	Remove the currently selected item from the form.
🠕 🠗 🠔 🠖	Adjust top/left/right margins of the currently selected item. (Hold Alt to adjust padding instead, and/or hold Shift to adjust bottom margin/padding.)
Ctrl	Press and hold after dragging but before dropping, to create a nested grid.