Embedding an HTML File in an HtmlView Control

Include an external HTML file in an HtmlView control.

When the Hybrid App is generated, the content of the linked HTML file is inserted into the HTMLView control. This feature can be useful for incorporating screen designs that you develop using third-party tools.

  1. In the Properties view of the HtmlView control, click Browse.
  2. In the Embedded HTML Wizard, click Import and choose the HTML file to embed.
  3. In Target Path, specify a root path on the target system, under which the referenced JavaScript and CSS files will be deployed.

    Use a relative path from Generated Hybrid App\hybrid-app-name\html in the target file hierarchy. This is the default target path, with no value specified.

    For example, assume this reference in the embedded html: 

    <script src="js/utils.js"></script>
    • If the target path is empty, the reference resolves to Generated Hybrid App\hybrid-app-name\html\js\utils.js.
    • If the target path is myjs, the same reference resolves to Generated Hybrid App\hybrid-app-name\html\myjs\js\utils.js.
  4. In the Reference File Name table, select the referenced files to deploy.
    By default, all the files detected in the imported HTML file are selected. Any files that you unselect are not deployed.
  5. Click OK to close the Embedded HTML Wizard.
    The embedded HTML file path is displayed in the HtmlView Properties view.
Parent topic: HtmlView Properties