JB.TcHmiDynamicPopup 1.0.0 

dotnet add package JB.TcHmiDynamicPopup --version 1.0.0
NuGet\Install-Package JB.TcHmiDynamicPopup -Version 1.0.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="JB.TcHmiDynamicPopup" Version="1.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add JB.TcHmiDynamicPopup --version 1.0.0
#r "nuget: JB.TcHmiDynamicPopup, 1.0.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
// Install JB.TcHmiDynamicPopup as a Cake Addin
#addin nuget:?package=JB.TcHmiDynamicPopup&version=1.0.0

// Install JB.TcHmiDynamicPopup as a Cake Tool
#tool nuget:?package=JB.TcHmiDynamicPopup&version=1.0.0

Disclaimer

This is a personal guide not a peer reviewed journal or a sponsored publication. We make no representations as to accuracy, completeness, correctness, suitability, or validity of any information and will not be liable for any errors, omissions, or delays in this information or any losses injuries, or damages arising from its display or use. All information is provided on an as is basis. It is the reader’s responsibility to verify their own facts.

The views and opinions expressed in this guide are those of the authors and do not necessarily reflect the official policy or position of any other agency, organization, employer or company. Assumptions made in the analysis are not reflective of the position of any entity other than the author(s) and, since we are critically thinking human beings, these views are always subject to change, revision, and rethinking at any time. Please do not hold us to them in perpetuity.

JB.TcHmiDynamicPopup for TwinCAT HMI

Nuget package created for version 1.12.760.42

In version 1.12.760.x a new TcHmiPopup control was added to TwinCAT HMI.

Instead of having to add the Popup manually to the view/content this nuget package is dynamically creating a usercontrol/content by calling a javascript function and it will have the same look & feel as the new TcHmiPopup that you can find in the toolbox.

Usage

The nuget package consists of only one function: enter image description here

Use the function in any event (for example .onPressed in a button): enter image description here

Parameters in the function:

  • popupId: unique id for the popup (this is used so you dont accidentally open the same popup with the same data-bindings twice)
  • targetFile: choose .usercontrol or .content and also link the parameters if it's an .usercontrol file
  • popupHeader: header text for the popup
  • modal: this will center the popup in the screen and add a darkened background, also not movable
  • movable: make the popup draggable
  • destination: where the popup should be added. If you are using the Desktop.view just type Desktop
  • width: size in px
  • height: size in px
  • left: position in px
  • top: position in px

Screenshots

Without modal: enter image description here

With modal: enter image description here

Installation

Easiest way to install this package is inside your TwinCAT HMI Project. Right click References and click "Manage NuGet Packages.." then browse for the file and install it!

enter image description here

There are no supported framework assets in this package.

Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.0.0 316 6/26/2023

First release.