Building Screen Widgets
While ASM ships with numerous widgets, you can also create your own and put them Nano, Core and on the portal.
Last updated
While ASM ships with numerous widgets, you can also create your own and put them Nano, Core and on the portal.
Last updated
The widget can be found in Screen Designer and is configured with the following string properties.
The example below uses the Person screen, but these widgets can be placed on any screen in ASM if you modify the properties - See the API documentation for more information.
When you first add a widget to the screen it will appear as a solid grey box that spans all columns. You cannot resize the columns.
After you have added your widget:
Highlight the widget so it has the focus
Set the Widget id to "data-grid"
Enter your widget properties (see known issues and examples below).
You can build a string using the following interface:
https://[server]/[system]/alemba.web.widgets/?widgetid=data-grid
Replace [server]/[system] with your specific system URL.
You will need some knowledge of the API to modify the string properties by screen/entity.
There is a known issue where the quety results may return deleted field values and records since the query will pull everything. To counter this, add the following to your widget properties:
Status=='A'&&Target.Status=='A'
There is a known issue with widgets wherein you will need to add the following to the widget properties to make the data in the widget "clickable":
"navigationEntityType": "asset"
Ref:Target.Ref
Example:
{ "entityType": "person-to-asset-stakeholder-link",
"navigationEntityType": "asset", "columns": "Ref:Target.Ref,Asset:Target.Name,Type:Target.InfraEntityType.Name", "headers": ",Asset,Type", "filters": "!@IsDeleted", "sorting": "off", "pageFilters": "[{\"id\":\"REQUESTOR_REF\",\"apiId\":\"Holder.Ref\"}]", "orderBy": "Target.InfraEntityType.Name", "sortBy": "Type" }
There is a Known Issue with syntax where if you use the API data-grid query builder, and then use the "copy code" button in 10.6.7, it puts in the incorrect syntax (Slashes and spaces) into the code breaking the widget on lower versions. It also stops any widgets showing on the page.
Example:
Copied Code: "pageFilters": "[{\"id\":\"REF\",\"apiId\":\"Holder.Ref\"}]",
Should be
"pageFilters":[{"id":"REF","apiId":"Holder.Ref"}],
Even though you will see a resize option in screen designer, for widgets, this option is not viable.
