HTML Control

HTML control is used to show custom UI in the pages and dialogs. HTML content added to this control will be rendered in the same DOM as of the Aras ProAppDesigner Wizard. This control supports only inline styling for the content.

• Name: It is used to uniquely identify control inside the template.
• Label: It is used to show title on the control. It can be localized by defined Languages and Locales inside innovator.
• Show Label: It controls whether Label can be shown at the top of the HTML control.
• Max Height: It defines maximum height that can be used to show the HTML control on the page. In the absence of this value, HTML control is expanded based on its static content.

• Raw HTML: It allows you to write custom HTML along with the inline styles.

  <label for="opportunityName">Opportunity Name:</label><br>
<input type="text” id="opportunityName” name="opportunityName” style="width:100%;"><br>
<label for="opportunityCategory” style="margin-top:10px">Opportunity Category:</label><br>
<input type="text” id="opportunityCategory” name="opportunityCategory” style="width:100%;"><br><br>
  

• Preview: Preview area shows runtime view of the custom HTML entered as you make changes to the Raw HTML.
• Access: It allows you to define the roles which can access control. You can configure Roles (in the form group identities) to whom this control should be shown.
• Display Condition: Based on the option selected for Display Condition, the control will be shown or hidden in the wizard at runtime. You can select one of the options like ‘Always Show’, ‘Always Hide’, ‘Expression’, or ‘Script’. Expression allows you to define a Boolean expression using properties from the current and previous pages (in case of multi-page application) to conditionally display the control if expression is evaluated to true. Expression will be evaluated based on the cached property values on the client. Script allows you to write custom JavaScript code that should return Boolean value. If returned value is false, the control will be hidden.
• Margin: It allows you to set the required top, right, bottom, left margins with respect to adjacent controls.
• OnLoad: OnLoad event allows you to write custom logic that will be executed after the data in the control is loaded. It allows you to write a custom script to assign default values to the fields shown in the HTML control. The custom script can also associate events with the fields shown in the custom UI in order to apply some dynamic logic with the UI. Please refer to the Template Customization section for more details.