Create a custom control

Last updated
Save as PDF

Create a custom control

Technologies > Software Engineering Techniques > Software Engineer Views > Example Custom Control

In this example, a simple custom control is used which displays user information as a text node. The control also creates an html button.

The control may be defined in the AXVW. The panel is given type control and the controlType attribute must also be defined:

<panel type=" control " controlType ="Ab.examples.UserInfo" ...

Alternatively, the control may be created from JavaScript and attached an DIV element:

<panel type="html" id="customControl_tgFrame1">
<title>Custom Control - Defined in JavaScript</title>
<html>
<div id="customControl_userInfoJs" style="background:#cef;padding:3px;"></div>
</html>
</panel>

In this case the div id is passed to the custom control's constructor:

this.customControl = new Ab.examples.UserInfo('customControl_userInfoJs', configObject);

View: http://localhost:8080/archibus/schema/ab-products/solutions/programming/control/ab-ex-custom-control.axvw