Modern UI Editor

Page ID: (AU201080)

You use this page to customize the original HTML code of a form and to automatically create a new extension file that contains the customized HTML code.

Tip: You open the Modern UI Editor page by expanding the Screens node in the navigation pane of the Customization Project Editor. In the list of forms displayed under the expanded Screens node, expand the node that corresponds to the form whose HTML code you want to customize, and click the Modern UI Editor node.

Page Toolbar

The page toolbar includes only the page-specific buttons listed in the following table in alphabetical order.

Button Description
Compare HTML

Opens the Compare HTML dialog box, which shows the code changes you have made. If you specify a value in the Extension Suffix box and click OK, the system will create the extension file (with the specified suffix appended) based on your code changes. The system generates the extension file in the extensions folder in the FrontendSources\screen\src\customizationScreens\<Tenant Name>\screens\<FirstTwoLettersOfFormID>\<FormID>\ file path of your MYOB Acumatica instance.
Reload Original HTML

Discards all changes you have made to the HTML code of the form and reloads the original code in the HTML editor.

HTML Editor

You use the HTML editor of the Modern UI page to view and edit the HTML code of a form that you want to customize. You can then click Compare HTML to begin the process of generating the extension file.