This guide provides instructions on how to install Custom Web Controls for a TIA Portal project, enabling the addition of freely-programmable web controls that extend beyond the functionalities offered by the default toolbox.
- A project has been created in TIA Portal.
- An HMI device has been added to the project.
- At least one screen has been created for the HMI device.
-
Open Project Directory: Navigate to the directory where your TIA Portal project is stored.
-
Access UserFiles: Open the
UserFiles
subfolder within the project directory. -
Create CustomControls Folder: Within the
UserFiles
subfolder, create a new folder namedCustomControls
. -
Add Control File: Store the custom web control 🔵 {4E4FE6DA-82F7-4B2A-9C67-4432F6BEE3DE}.zip file in the
CustomControls
folder. -
Update Toolbox in TIA Portal:
- Open TIA Portal.
- Navigate to the
Toolbox
>My Controls
task card. - Click on the
Update
button. Your Custom Web Control will now be displayed in the task card.
-
Use the Control:
- Drag the Custom Web Control from the
Toolbox
>My Controls
task card onto your screen. - Select the Control to configure it.
- Drag the Custom Web Control from the
-
Configure Events:
- In the Inspector window, navigate to
Properties > Events
. - Configure system functions or scripts for the events used in the Control.
- In the Inspector window, navigate to
-
Set Interface Properties:
- Go to
Properties > Properties > Interface
in the Inspector window. - Assign static values for the interface properties or dynamize them according to your requirements.
- Note: By default, the Control's access to tags is "Read only". If you want the Control to modify tag values, you need to uncheck this option.
- Go to
-
Compile and Load:
- Compile and load the Runtime project to your HMI device.
- TIA PORTAL V17 update 01
- Pc Windows 10