Custom Components

Custom component is a type of application that can be created using the App Designer. Similar to Building Blocks, when created, it is available on the App Designer as other components and can be added to your application. Updates of this component across application using it is very easy, as changes/updates made to it is automatically reflected on all application where it is used.

Procedure

Here are steps to create a Custom Component

  1. Launch the App Designer and click New to create a new application.

  2. Select Custom Component as the type of application.

    app designer custom component step1
  3. Design the component you want. Save and Activate . Test your component and ensure it is functioning as desired.

    app designer custom component step2
  4. Create namespace to give your components unique identifier for easy referencing.

    app designer custom component step2 1
  5. Prepare the component for use by specifying properties that can be adjusted by users.

    app designer custom component step3
    Incorporate the press event of a button as a customizable component property, allowing users to easily modify its behavior to suit various use cases.
  6. Write documentation of the component

    app designer custom component step4
  7. Select the icon to identify your component and a parent element.

    app designer custom component step5

Results

  • With this setup, your component is now available to be used in other applications by anyone using the same system instance.

Notes

  • Custom Component headers are added in the order they appear in the app designer, observe this to help avoid component dependencies neptune-software.