View on GitHub

Miscellaneous Elements

Contains elements/entities that do not need any configuration before being created. Drag the menu item on the Canvas OR click TWICE on the items to configure them.

  • Alert

    What is Created: An alert component for displaying important messages or notifications.

    Use-Cases: Used to communicate critical information to users.

    Element Type: Notification Component.

  • Badge

    What is Created: A badge - a small container for labeling or highlighting information.

    Use-Cases: Used for labeling, categorizing, or indicating status.

    Element Type: Label Component.

  • Bar Code

    What is Created: A representation of data in the form of a barcode.

    Use-Cases: Commonly used for product identification or tracking.

    Element Type: Data Visualization Component.

  • Combo + Input

    What is Created: A combination of a dropdown list (Combo) and an input field.

    Use-Cases: Allows users to either select from a predefined list or input their own value.

    Element Type: Input Component.

  • Font Awesome

    What is Created: Icons from the Font Awesome library.

    Use-Cases: Enhances visual appeal and provides intuitive representation.

    Element Type: Icon Component.

  • Valid Feedback

    What is Created: Feedback indicating successful or valid input.

    Use-Cases: Used to confirm successful actions or valid user inputs.

    Element Type: Feedback Component.

  • Invalid Feedback

    What is Created: Feedback indicating unsuccessful or invalid input.

    Use-Cases: Used to alert users about errors or invalid inputs.

    Element Type: Feedback Component.

  • Jumbotron

    What is Created: A large, prominent container for showcasing key content.

    Use-Cases: Used for highlighting important information or visual elements.

    Element Type: Display Component.

  • Marquee

    What is Created: Creates a scrolling text or image element.

    Use-Cases: Used for showcasing dynamic or moving content.

    Element Type: Display Component.

    To edit the Marquee, single-click on the Marquee container to pause the flow and then edit the marquee text by changing the value of the Text field in the Attributes pane. Double-click the Marquee to play the flow Edit the HTML attributes of the marquee inside the Class field and all CSS attributes in the Style field

  • Progress Bar

    What is Created: A visual representation of the progress of a task.

    Use-Cases: Provides feedback on the completion status of a task.

    Element Type: Progress Indicator Component.

  • QR Code

    What is Created: A two-dimensional barcode that stores information.

    Use-Cases: Used for quick data sharing or scanning.

    Element Type: Data Visualization Component.

  • Spinner

    What is Created: An animated indicator to show that a process is ongoing.

    Use-Cases: Used to indicate loading or processing.

    Element Type: Progress Indicator Component.

  • Toast

    What is Created: A pop-up message that appears temporarily on the screen.

    Use-Cases: Used to display non-intrusive notifications.

    Element Type: Notification Component.