This extension provides a visual designer for Wijmo controls in Angular projects. Within HTML files, it inserts a CodeLens link above each tag representing a Wijmo control. Clicking the link opens the Wijmo Designer in a separate tab, and initializes it based on the associated markup. After making changes in the designer, click the
You can also open the visual designer in standalone mode by running the
When invoked from a CodeLens link in a source file, the designer keeps track of its state on a per-file, per-workspace basis until you close its tab (or VS Code itself). You can freely switch tabs and return to the designer at any time, and its contents will be preserved.
When invoked in standalone mode from the command palette, the designer keeps track of its state permanently on a per-workspace basis, even if you close and reopen VS Code.
This extension does not contribute any configuration settings. However, when it updates an HTML source file, the format of the modified tag is controlled by the setting
The following Wijmo controls are not supported in this version:
Wijmo control tags that contain
If the markup for a Wijmo control property specifies a binding instead of a literal value, the corresponding property editor in the designer displays the binding in a read-only text box in italics. Bindings are preserved during save operations; however, there is no interface for creating or editing them in the designer.
Event bindings and two-way bindings used in Wijmo control tags are preserved during save operations; however, there is no interface for creating or editing them in the designer.
Angular structural directives such as
The following tags are preserved during save operations; however, there is no interface for creating or editing them in the designer:
The following tags are ignored and will not be preserved during save operations: