i4designer Knowledgebase

i4designer Frame component tutorials

Abstract

Check out these articles and learn how to use the i4designer Frame component in order to integrate various visualizations in your projects.

Using the Frame component to visualize an i4BACnet project
Abstract

Check out this article and learn how to use the Frame component to visualize an i4BACnet project in just a few easy steps.

The i4designer Frame component allows the user with possibility to link an i4SCADA visualization page, showing an i4BACnet project, and publish it to an i4connected environment. In order to achieve this use case, please follow these steps:

  1. Open an i4connected platform project in design mode.

  2. Open the Toolbox panel and drag the Frame component on your project page.

  3. Double click the Frame component in order to open the Properties panel and proceed with the following settings:

    Frame_comp.jpg
    1. Set the Is external property to True.

    2. Type in the Page link field the URL pointing to your i4SCADA BACnet project.

    3. Make sure to save your changes.

  4. Next, lets publish our project. As our goal is to publish the project to an i4connected environment, please make sure to fill in the appropriate project settings.

    Publish.jpg

    Tip

    For more details on how to build and publish your i4designer projects, please also visit our tutorials section here.

  5. When opening the visualization, at run-time, on the i4connected environment, the BACnet project designed on an i4SCADA machine and reused in i4designer, is available for further use.

    BACnet_project_at_run-time.jpg