Creating Custom HTML Form Fields

The AXVW format allows for arbitrary HTML content to be included into the final HTML page. The HTML content can be added inside the special html element, and will be copied into the final HTML page verbatim.

Custom HTML content can be used to replace a field input control. The field can still display its title.

<field>
<!-- ui fields can still have translatable titles -->
<title>Project Type</title>
<html>
<!-- Everything inside the ui element will be copied into the output HTML verbatim. -->
<input type="radio" name="project_types" value="MOVE"
onclick="set_project_type(this.value)">Move</input>
<input type="radio" name="project_types" value="LEASE"
onclick="set_project_type(this.value)">Lease</input>
<input type="radio" name="project_types" value="PROPERTY"
onclick="set_project_type(this.value)">Property</input>
<input type="radio" name="project_types" value="N/A"
onclick="set_project_type(this.value)">N/A</input>
</html>
</field>

File: \parts\form\ab-ex-form-panel-radio-buttons.axvw

Display a Checkbox next to a Form Field

The field title itself may also include HTML. In the example below, a checkbox is displayed to the left of the field title:

<field colspan="2" rowspan="2">
<title><input type=”checkbox” onclick=”js_function();”/>Exclude Cost Categories of</title>
<html>...

CheckboxCustomTitle.jpg

For use of JavaScript handlers with custom HTML form fields, Using JS Event Handlers .

Note: If you have developed custom HTML fields prior to Archibus V21.1 and these fields contain a Select Value button for which the field should be disabled but not the button, you may encounter problems when running in Firefox. In this case, you can change the field's "disabled" DOM property to "readOnly".