Make web interface

The Make web interface lets you create and manage the custom apps configuration directly within the Make platform.

Access the Make web interface

To access the Make web interface:

1

Log in to Make.

2

In the left navigation, click Custom Apps.

You may need to first click More to see this option.

The Custom Apps dashboard is where you can create a new app, see your existing apps, and see the status of your app (public or private).

See the Create your first app section to get started.

Web code editor key features

After completing the initial set up of your app, you will use the web code editor to build your app.

The following are helpful features of the editor:

  1. Hints with links to documentation for more information.

  2. A format code button with a label showing the data format. The available data formats are:

    • jsonc

    • json

    • javascript

    • markdown

  3. Context-aware code suggestions for the jsonc data format. The web code editor gives you hints about parameters or properties you can add to the custom app code. The code suggestions even work for RPCs.

  4. Hints displayed when hovering over the custom app configuration.

  5. Custom app code validation for the jsonc data format. If you misspell a code property name, or if you place a property in an invalid code section, the web code editor highlights the error.

  6. A Save changes button to save changes in all editor boxes on the page.

  1. Hovering over built-in IML functions shows detailed information.

Hovering over built-in IML function
  1. Hovering over custom IML functions provides a link to the function definition.

Hovering over custom IML function
  1. Controls to expand and collapse the code. To view the controls, hover over the space between your code and editor line numbers.

  1. The editor highlights the IML syntax so it's distinct from the rest of the code.

Web code editor keyboard shortcuts

The web code editor is built on the same backend as the Visual Studio Code. If you know your way around Visual Studio Code, you will find that some shortcuts also work in the web code editor. Some of the most useful web code editor shortcuts are:

For Windows users:

Shortcut
Description

Ctrl + Shift + H

Show a cheat sheet with selected shortcuts

Ctrl + S

Save changes to all of the editor boxes on the page

Ctrl + F

Search in the editor box content

Ctrl + H

Search and replace in the editor box content

Ctrl + Space

Show a list of code suggestions valid in the current cursor context

Shift + Alt + F

Format code

Ctrl + /

Toggle line comments

F1

Display web code editor command and shortcut reference

For MacOS users:

Shortcut
Description

Ctrl + Shift + H

Show a cheat sheet with selected shortcuts

Cmd + S

Save changes to all of the editor boxes on the page

Cmd + F

Search in the editor box content

Opt + Cmd + F

Search and replace in the editor box content

Ctrl + Space

Show a list of code suggestions valid in the current cursor context

Shift + Opt + F

Format code

F1

Display web code editor command and shortcut reference

For a full reference of the web code editor shortcuts check the official VSCode documentation and the official VSCode shortcuts cards:

Your browser might interpret some keyboard shortcuts differently. For example, the shortcut Ctrl + N creates a new file in VSCode, but in Google Chrome the shortcut creates a new browser window instead.

Last updated