Documentation eDesign and WD - Documentation eDesign and WD

Introduction
Core Concepts
Getting Started
Controls
- Outputs
- Inputs
- Buttons
- Table
- Trends
- Reports
  - Basic Report
  - Custom Report
- Image
  - Basic Image
  - Smart Image
- iFrame
- eComponent
- Map
- Combined Controls
- Custom Controls
  - Bargraph
  - Element
  - Toggle
  - Switch
  - Slider
  - State
  - Gauge
  - Input Stepper
  - Page Index
  - Output
  - Statusbar
  - Rotating Bargraph
Advanced
- CSS Editor

Controls

The Button Popup control allows users to open a selected custom page as a popup when clicked. This is useful for displaying additional information, confirmation dialogs, forms, or any other contextual content without navigating away from the current view.

Overview

Unlike navigation buttons, which redirect users to a different page, the Button Popup keeps users on the same screen while overlaying a specified custom page in a popup window. Users can configure the popup’s size and whether it includes a close icon.

Key Features

Opens a selected custom page in a popup window.
Allows users to access additional content without leaving the main view.

Customizable Sizing

Define the width and height of the popup to fit the content.
Adapt the popup size for different types of content, from small alerts to full modal dialogs.

Optional Close Icon

Choose whether the popup includes a close button.
Ensures flexibility for both modal-style and persistent popups.

Seamless Integration

Works smoothly within the eDesign environment.
Allows for structured UI flows without complex scripting.

Use Cases

Contextual Information

Example: A button labeled "More Info" opens a popup with detailed product specifications.

Forms & User Input

Example: A "Feedback" button triggers a popup containing a user feedback form.

Confirmation Dialogs

Example: A "Delete" button opens a confirmation popup asking the user to confirm before proceeding.