Use the page designer to change the layout of a page
The Designer in Business Central complements the development experience in Visual Studio Code because it provides a simple and convenient way of making immediate adjustments to your design by dragging and dropping the components on the page.
With the Designer, you can add, move, or remove components from a page. Removing a component from an existing page will result in the Visible property of that control being set to false.
You can change the field importance so that it will show when the FastTab is collapsed or show under Show More, and you can set or clear freeze panes, adjust the column width, or edit the captions.
If you start the Designer from within the application, it will always create a new extension in the background. The modifications through the Designer are immediately visible to all other users.
Accessing the Designer is controlled on a user or user group basis by the D365 EXTENSION MGT permission set. If a user is assigned this permission set, then Designer is available for the user in the client. To prohibit someone from using Designer, remove the user from the D365 EXTENSION MGT permission set.
The display type icons let you preview the changes that you made on desktop, tablet, and phone clients. As a result, you can make sure that your design will work on the intended display target(s). You can flip to display tablet and phone designs in portrait and landscape orientation.
To open the Designer, select the Settings gear icon in the upper-right corner and then select Design.
Use the page designer with Visual Studio Code
Watch the following video which demonstrates how to use the page designer.