HTML Drawing Control

Provide a highlight or label selector in a drawing

Web Central: Technologies / User Interface Add-Ins / HTML5 Drawing Views / Highlight Selector

You may want to add highlight or label selectors. Empty highlight datasource and empty label datasource for highlight parameters are supported.

To add highlight or label selectors:

  1. Specify highlight:

parameters['highlightParameters'] = [{ 'view_file':"ab-ex-dwg-html-control-datasources.axvw", 'hs_ds': "highlightNoneDs", 'label_ds':'labelNoneDs'}];

Note that if you want to have empty highlight datasource and empty label datasource, use highlightNoneDs and labelNoneDs.

Either define your own datasources, or use default built-in datasources in the .axvw file:

<panel type="view" id="highlightStylesView" file="ab-ex-dwg-html-control-datasources.axvw"/>

  1. Add DatasourceSelector to addOnsConfig, and define its related custom events:

parameters['addOnsConfig'] = { ... 'DatasourceSelector': {panelId: "svg_ctrls", afterSelectedDataSourceChanged: this.afterSelectedDataSourceChanged}, ...};

Example view: http://localhost:8080/archibus/ab-ex-dwg-html-control-highlightselector.axvw