Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Note

This page details an advanced example of creating a custom widget from scratch. While this widget is shipped with Profound UI, the widget is not built-in to the product. If you require a Google Maps widget for your application, we recommend using a basic iFrame widget that points to the Google Maps URL instead.

The attached files show a simple example of the recommended way of adding a Google Maps ‘widget’ to your application.

  • DSPF:

    View file
    nameGMAPTESTD.json

    • JSON files can be opened directly in the Visual Designer by following these steps:

      • Download the file to your PC

      • Use the Open…Local File option:

        2024-05-09_08-28-33.pngImage Added2024-05-09_08-33-46.pngImage Added
      • Select the file from the Windows File Explorer

      • Select the Open button

        2024-05-09_08-35-42.pngImage Added
  • RPG program:

    View file
    nameGMAPTESTR.txt

Creating a custom widget from scratch requires you to write JavaScript code to perform the following steps:

...

All JavaScript code should be saved into an external file that is placed in the /www/profoundui/htdocs/profoundui/userdata/custom/widgets IFS directory.

The completed example widget can be found in the Profound UI Visual Designer in the Custom Widgets section:

...