User interface development home page

This article contains links to topics about developing user interface elements.

The user interface for Finance and Operation applications differs significantly from the interface for Microsoft Dynamics AX 2012. The client in Dynamics AX 2012 is a Microsoft Win32 application that has extensions that use ActiveX, WinForm, or WPF controls. The X++ application logic runs on the client for the form and table methods, and some logic occurs on the server. For controls, both the X++ logic application programming interface (API) and the physical Win32 control are tightly connected on the client. The client is an HTML web client that runs in all major browsers. These browsers include Microsoft Edge, Internet Explorer 11, Chrome, and Safari (see System requirements). The move to a web client has produced the following changes to client forms and controls:

• The physical presentation of forms and controls is now HTML, JavaScript, and CSS within the browser.
• Form controls are split into logical and physical parts. The X++ logical API and related state run on the server.
• The logical and physical parts are kept in sync through service calls that communicate changes from each side. For example, a user action on the client creates a service call to the server that is either sent immediately or queued so that it can be sent later.
• The server tier keeps the form state in memory while the form is open.

The form metamodel continues to be used to define controls and application logic. This approach supports almost all the existing Form, Form DataSource, and Form Control metamodel and X++ override methods. However, some control types, properties, and override methods have been removed, either because of incompatibility with the new platform or for performance reasons. For example, ActiveX and ManagedHost controls can no longer be used to add custom controls, because they are incompatible with the HTML platform. Instead, a new extensible control framework has been added that lets you add additional controls.

Tutorials

• Build the Rental Charge Type form
• Build the customer form

Forms

• Navigation concepts
• Page layout in the web client
• Dynamics Symbol font
• Test forms that use custom patterns

Controls

• Action controls
• Input controls and grid column sizes
• Check box support in tree controls
• Filtering options
• Display pages side-by-side using the Open in New Window icon
• Code migration - Context menu code
• Code migration - Mouse double-click logic
• Contextual data entry for lookups
• HierarchyViewer control
• Lookup controls
• File upload control
• System-defined buttons
• Images on a page or in a grid
• Font and background colors for input, table, and grid controls
• Right-to-left language support and bidirectional text
• Create icons for workspace tiles
• Keyboard shortcuts for extensible controls
• Extensible controls – public JavaScript APIs

Messaging

• Slider and MessageBox
• Messaging API: Message center, Message bar, Message details
• Messaging the user

Form pattern guidelines

• Selecting a form pattern
• Form styles and patterns
• Form pattern add-ins

Form patterns	Support form patterns	Sub patterns
Details Master Details Transaction Form Part Section List List Page Simple Details Simple List Simple List and Details Table Of Contents Task Single Task Double Wizard Workspace General Form Guidelines	Advanced Selection Dialog Drop Dialog Lookup Factbox	Custom Filter Group Dimension Entry Control Dimension Expression Builder Fields and Field Groups Filters and Toolbar Fill Text Horizontal Fields and Buttons Group Image Preview List Panel Nested Simple List and Details Section Chart Section Power BI Section Related Links Section Stacked Chart Section Tabbed List Section Tiles Tabular Fields Toolbar and List Toolbar and Fields Workspace Filter Group

Control extensibility

• Building an extensible control
• Extensible control programming reference
• Control extensibility
• Create localizable labels
• Extensible control layout guidelines
• Control the text that Task Recorder generates for a control