UI Development Guide

version: 2026 R2

UI Developer Guide
Getting Started with the Modern UI
Modern UI Development: General Information
Modern UI Development: Creating Modern UI Source Files for Custom and Customized Forms
Modern UI Development: Building the Source Code
Modern UI Development: To Deploy an Instance with Custom Forms and the Modern UI
Modern UI Development: To Build the Source Code of All Acumatica ERP Forms for Modern UI Development
Modern UI Development: To Build the Source Code of a Particular Form for the Modern UI Development
Modern UI Development: Switching a Form Between the Modern UI and the Classic UI
Defining Acumatica ERP Forms in HTML and TypeScript
UI Definition in HTML and TypeScript: General Information
UI Definition in HTML and TypeScript: To Create the UI of a Form
UI Definition in HTML and TypeScript: Form Converter
UI Definition in HTML and TypeScript: To Convert an Acumatica ERP Form to the Modern UI with the Converter
UI Definition in HTML and TypeScript: Joined Fields
UI Definition in HTML and TypeScript: View Parameters in the viewInfo Decorator
UI Definition in HTML and TypeScript: Backend Action with Parameters
Designing the Layout of an Acumatica ERP Form
Form Layout: General Information
Form Layout: Predefined Templates
Form Layout: Grid Presets
Form Layout: CSS Classes
Form Layout: Box Connotations
Form Layout: An Element Next to Another Element
Defining a Setup Form
UI of a Setup Form: General Information
UI of a Setup Form: A Form with Only a Summary Area
UI of a Setup Form: A Form with Tabs
UI of a Setup Form: To Create the UI of a Setup Form
Defining a Data Entry Form
Data Entry Form: General Information
Data Entry Form: Definition in TypeScript and HTML
Data Entry Form: To Create the UI of a Data Entry Form
Defining a Processing Form
Processing Form: General Information
Processing Form: UI Guidelines
Processing Form: A Form with Only a Grid
Processing Form: To Create a Simple Processing Form
Processing Form: A Form with a Selection Area and a Grid
Processing Form: To Create the UI of a Processing Form
Processing Form: Processing Dialog Box
Defining an Inquiry Form
Inquiry Forms: General Information
Inquiry Forms: To Set Up an Inquiry Form
Inquiry Forms: To Create the UI of an Inquiry Form with Only a Grid
Adding Filtering Parameters to a Form
Filtering Parameters: General Information
Filtering Parameters: Filtered Data on a Processing Form
Filtering Parameters: Filtered Data on an Inquiry Form
Filtering Parameters: To Add a Filter for a Processing Form
Filtering Parameters: To Add a Filter for an Inquiry Form
Filtering Parameters: To Display the Filter Values in the URL
Customizing Acumatica ERP Forms in HTML and TypeScript
UI Customization Development: General Information
UI Customization Development: To Add Elements to an Acumatica ERP Form
UI Customization Development: To Add a Tab to an Acumatica ERP Form
Including the Modern UI Changes in a Customization Project
Customization Project with UI Changes: General Information
Customization Project with UI Changes: How UI Customization Works
Customization Project with UI Changes: To Include Source Files in a Customization Project
Customization Project with UI Changes: Custom Plugin
Adjusting HTML and TypeScript Code
UI Adjustments in HTML and TypeScript: General Information
UI Adjustments in HTML and TypeScript: HTML Examples
UI Adjustments in HTML and TypeScript: TypeScript Examples
Creating Custom Frontend Controls for the Modern UI
Custom Frontend Modern UI Controls: General Information
Custom Frontend Modern UI Controls: To Implement the Record Insights Panel
Custom Frontend Modern UI Controls: To Pass Data to the Record Insights Panel
Custom Frontend Modern UI Controls: To Test the Record Insights Panel
Custom Frontend Modern UI Controls: To Use AI to Implement a Custom UI Event Handler
Custom Frontend Modern UI Controls: To Test the Custom UI Event Handler
Customizing Modern UI Forms in the Customization Project Editor
Modern UI Editor: General Information
Modern UI Editor: To Add a Field
Modern UI Editor: Adding a View
Modern UI Editor: Creating and Editing a Custom TypeScript Extension
Modern UI Editor: Adding Decorators to the Selected View or Field
Modern UI Editor: Creating and Editing a Custom HTML Extension
Modern UI Editor: Inserting Layout Controls
Reusing a UI Definition
Reusing of UI Definitions: General Information
Reusing of UI Definitions: Creation of a Reusable UI Definition
Reusing of UI Definitions: Reusable UI Definitions with Parameters
Handling UI Events
UI Events: General Information
UI Events: Changing of the CSS for a Row of a Table
UI Events: Debugging the UI Code in the Browser
Activity 7.2.1: To Implement and Debug an Event Handler
UI Events: Changing of Availability of a UI Element
UI Events: Handling of Data That Is Unrelated to Any View
UI Events: Handling of Large Binary Data
UI Events: Displaying of Relative Dates
Testing the Modern UI
Testing of the Modern UI: General Information
Testing of the Modern UI: Names of WG Containers
Testing of the Modern UI: Update of Tests Written for the Classic UI
Testing of the Modern UI: Frontend Actions in Wrappers
AI-Assisted Testing and Diagnostics with Test SDK for the Modern UI
AI-Assisted Testing and Diagnostics with Test SDK: General Information
AI-Assisted Testing and Diagnostics with Test SDK: To Review Generated Wrappers
AI-Assisted Testing and Diagnostics with Test SDK: To Generate a UI Test for Labor Quantity Validation
AI-Assisted Testing and Diagnostics with Test SDK: To Validate the AI-Generated UI Test
Supporting UI Localization
UI Localization: General Information
UI Localization: TypeScript and HTML Code of the Modern UI
UI Localization: DACs
UI Localization: Application Messages in C#
UI Localization: Multilanguage Fields
UI Localization: Optimization of Memory Consumption of Localized Data
Troubleshooting the Modern UI
Modern UI Troubleshooting: General Information
Modern UI Troubleshooting: Developer Tools in the Browser
Modern UI Troubleshooting: Unreflected Changes in the Modern UI
Modern UI Troubleshooting: Build Options

Back to home page