AL Object Designer
C/Side Object Designer was something that the new AL development environment lacks of very much. The idea behind this extension is to provide a main hub for daily development by giving back the ability of overview.
Main Features
- List Overview of all AL objects in your project: based on symbols (*.app) and your local .al files.
- List Event Publishers from symbol objects and local files, browse them in the same way as objects.
- List Event Subscribers from symbol objects and local files, browse them in the same way as objects.
- Event List view: browse Event publishers of a specific object. Standard events are shown for tables and pages.
- List Unit Tests available in your own workspace files.
- Export list to CSV: current view (objects/events/subscriptions) including all records and visible columns - respecting filters - is exported.
- Live Update: object list is automatically maintained as you create/change/delete objects or download symbols.
- Multi-Folder workspaces are supported: e.g. a workspace with MainApp/TestApp folders.
- Visual Studio Code Online / Remote platform support
- Go To Definition support within application Symbol
- Object Search: filter by Object Type, Name or ID.
- Event Search: filter by Object Type, Name, ID or Event Name.
- Copy/Paste Events: copy event subscription definition to clipboard by clicking on Event Name.
- Object/Event Name filtering: works with partial matches as well. Just like the Windows RTC Client's search field.
- Run selected objects.
- Run table/page extentions.
- View definition of Symbols: original file is opened for local files.
- Generate new objects from tables: card/list pages, report, query.
- Built-in snippets: generate new dictionary or entry tables using a single click.
- Custom snippets: use your own snippets placed in
<project root>/.vscode/.altemplates
folder
- Design view for Pages (alpha): card/list layout is rendered for local pages. Card/Document Symbols are also supported.
- AZ AL Wizard button: launch AL objects wizards
- AL Test Runner button: launch AL Test Runner
Requirements
There are no hard dependencies as of v0.1.0.
Optional dependencies:
VS Commands
Prefix: alObjectDesigner.
- AL Object Designer: opens Object Overview
- AL Page Designer: opens up Page Designer for currently edited AL Object (Page)
- Clear Cache: deletes
.alcache
folder
- Generate AL Tables: create table objects by importing custom CSV format
VSCode Hyperlink support
Open objects using VSCode hyperlinks. This is useful for integration scenarios with external applications.
Format:
vscode://martonsagi.al-object-designer/?Command=[Custom command name]&Type=[Object Type]&Id=[Object ID]&Name=[Object Name]
Example:
vscode://martonsagi.al-object-designer/?Command=Definition&Type=table&Name=Currency
Available commands (case-sensitive!):
- Definition - open AL definition or local file
- Design - open Page designer
Page Designer
This extension has a limited ability to view a rendered page layout without deployment, or move existing fields/actions on screen using drag&drop.
Supported page types:
- Card types: Card, Document
- List types: types other than Card/Document are regarded as List
Rendered layout is very similar to Business Central pages, although not an exact copy as I'm not using Office Fabric UI.
Well, this command has been laying in an internal alpha version for months, it's time to publish it! :)
Functional requirement documents often contain table definitions that developers have to re-type into AL files once more. This simple CSV format helps speeding up the typing.
One CSV file can contain more table definitions separated by empty lines.
Why CSV?
Functional documents usually have AL Table defintion in Word tables that are easy to copy to Excel and transfrom that to this custom format.
Template format:
- Field Start/End delimiter:
None
- Field separator:
semi-colon
;
- Line separator:
carriage return
- Object separator:
empty line
[Object Type] |
[Object Id] |
[Object Name]:[Object Caption] |
|
[Fieldname]:[Caption] |
[Field Type] |
[Length or Option Members] |
[Description] |
Example:
Table;79001;Customer Header Table
No.;Code;20;Test Field Desc
Description;Text;50
Selection;Option; ,First,Second
Table;79002;Custom Line Table
Document No.;Code;20;Test Field Desc
Line No.;Integer
Description;Text;50
Amount;Decimal
Selection;Option; ,First,Second
Extension Settings
Option |
Description |
renderPageParts |
Render PageParts in AL Page Designer |
showStandardEvents |
Show standard Table events, e.g. OnBeforeInsert or OnAfterDelete |
VsCodeBrowserPreview |
Turn on 'Preview' context menu on Object List. Works with UserPassword authentication. |
useCRS |
Run objects using CRS AL Extension (default) |
logging |
Diagnostic logging to Developer Tools console |
singleObjectPerFile |
Detection rule: one object per files |
pasteAllEventParameters |
Paste all event parameters when copying Event Publishers (default). |
useInternalNavigation |
Use custom Go To Definition feature. (Auto-enabled on Linux). |
useAZALDevTools |
Enable integration with AZ AL Dev Tools extension. |
useALTestRunner |
Enable integration with AL Test Runner extension (experimental). |
useCustomSnippets |
Enable custom AL Snippets dropdown that uses .altemplates folder (inactive by default). |
gridRowHeightOption |
Row-height setting for Object list. Values: large (default), medium, small, custom. |
gridRowHeightPixels |
Custom row height in pixels. gridRowHeightOption must be set to custom. |
Known Issues
- Design feature works only with pages, the window is empty when selecting page extensions.
- View (Go to definition) is active for all object types, however, it will not work with Control Add-ins for example.
- Event listing may include commented out event publishers/subscriptions.
Preview
Searching for "Item Ledger Entry" table
Find Page "Sales Order" as a dynosaur would :)
Filter to workspace and check the context menu for more options
Browse event publishers
Browse event subscriptions
Browser Preview extension integration
C/Side-like markedonly feature to cherry-pick objects
Custom Row Height (small)
Copy/Paste Events
Copy/Paste Multiple Events
Event List for Tables/Pages
VSCode Online Support
AL Test Runner integration
AL Interfaces
Real-time Page Designer (alpha)
Under the hood
AL Object Designer is a single-page Aurelia app that is embedded into a VS Code WebView and exchanges data back and forth.
Github repo: feel free to fork it or send feedback/pull requests.
Happy AL coding!