Form Layout: General Information

When developing an MYOB Acumatica form or any of its parts, you should design the layout of the form according to the standard practices. This chapter provides recommendations and descriptions of tools that you can use to design the layout quickly and in a unified way.

Learning Objectives

In this chapter, you will learn about the following:

• Approaches to organize the layout of a form and a table (typically referred to as a grid in this chapter) by using different tools
• The specification of predefined templates for different parts of the form
• The use of presets to configure the appearance of grids
• The ways you can use the predefined CSS classes
• Uses of the controls that organize other elements of the form
• The ways to configure different types of a control to achieve a particular layout

Applicable Scenarios

You can use the information from this chapter in the following scenarios:

• Migrating an existing form from the Classic UI to the Modern UI
• Developing a new form by using the Modern UI
• Developing a new part of an existing form, such as a grid or a tab with elements

Approaches to Organize Layout

The Modern UI provides the following approaches to quickly organize layout in a unified way:

• A summary area or a tab area of an MYOB Acumatica form can use one of the predefined layouts. Predefined layouts are defined by templates that you specify for an area of a form.
• For grids, you can specify a predefined set of properties by using presets.
• You can use CSS classes to adjust color settings and organize layout inside templates. They can also be used for grids and for the organization of multiple UI controls inside a field area.