Adding an HTML Panel to the Auto-generated All Tab

1. Right-click the field tree.

2. Select Add UI panel > HTML panel.

3. Alternatively, right-click a field in the field tree and select Add HTML panel before/after.

4. Add a field ID to the new UI field.

The HTML panel is now a part of the field tree for the All tab.

Select the new field ID in the field tree to show its properties in the Field Properties window:

• Adjust the size of the HTML panel shown in the fill-in form using the Height field.

• In Source URL, enter the web address.

• The Hidden fields drop-down list allows you to hide available fields in the fill-in form.

Adding a HTML Panel to the Custom Layout Tabs

For the Custom Layout tabs, the UI components like HTML panels and HTML fragments, are not part of the field tree on the left. They float inside the custom layout tabs and can only be reached by clicking them in the UI.

To add an inline HTML panel into a custom layout tab, follow these steps:

1. Create or select a custom layout tab.

2. In the middle toolbar, click the Add iframe panel to current view button.

3. Enter an ID for the panel.
   

   

Using Environment Variables in URLs

When adding URLs to a template, either a full page custom HTML template URL or an URL to an HTML panel inside an iframe, the URL can contain environment variables. These variables can be set as URL parameters to the application, or picked up from the application's built in variables. For example, if the URL to the application is http://mypds:8177/app/pilotedge/pilotedge.html&$version=v1, then the value of URL parameters starting with the dollar sign are available inside the application, and can be used for instance when specifying URLs to HTML panels like this: {$}http://mywebserver/templatepanels/{$version}/mypanel.html.

Therefore, the full URL used by the application is http://mywebserver/templatepanels/v1/mypanel.html. This way, the Viz Pilot templates using HTML panels or full custom HTML pages can for instance switch to another version by changing the URL parameter to the application.

See Using Environment Variables for full description of this mechanism.