Design Mode layout

Main menu

There are several options available to you in the main menu section.

  • Preview: The toggle button will allow you to preview changes you make to your screen without having to save it first. The preview view is just for show, though - no data will populate, and you won’t be able to use any of the buttons or other functionality. Think of it as a quick glance of how the screen will appear when used. The designer preview mode is a tremendous time saver that lets you avoid the constant need to save, navigate to the app and try to use the screen just to see how a new button looks or something.
  • Preview size: This lets you specify how you’d like to preview your screen - do you want to see how it would look on a tablet? How about a smartphone? Or a full-sized PC monitor? You can choose these options here.
  • Undo: This button lets you undo things you’ve done to your screen (adding, removing, moving controls and sections around, actions and more.) This button works in both preview mode and Design Mode!
  • Redo: This button lets you redo the thing you just undid.
  • Close: This will close the Design Mode of your screen, so make sure you’ve Saved your changes before you click this. Don’t worry, a prompt will come up asking you if you want to save changes assuming there are changes to save.
  • Save: This will save the changes you’ve made to the design of your screen. When you make changes to your design, this button will become blue in color to indicate there are unsaved changes or remain grey if there are no changes to be saved.

Canvas

The main area of the Design Mode is called the Canvas, and much like its artistic counterpart, it’s where you will design and build your masterpiece. 

The big empty space located directly below the main menu, the Canvas is where you drag and drop the Controls (including containers, objects, and fields) that will make up the form and functionality of your screen. We’ll talk more about Controls in a minute, but for now, think of the Canvas as the great blank page where Method lets you build the design and customize the screen that works for you.

Properties

The Properties panel, located on the right, is made up of three tabs:

  1. Insert Controls
  2. Edit Control
  3. Screen Properties
  4. Pin to minimize and maximize the properties panel

In the next section of the documentation we will look at each of the properties tabs in detail.

[top]

Was this article helpful?

Can’t find what you’re looking for?

Contact Us