Recent changes to Home

Home modified by fmueller

fmueller — Mon, 05 Feb 2024 14:22:17 -0000

--- v22
+++ v23
@@ -79,7 +79,7 @@
 ## Download other versions
 Version | Requirements | Download |
 ---------- | ---------- | ------ 
-|4.5.0.0      | CODESYS Development System 3.5.18.00 or higher
CODESYS Visualization 4.5.0.0    | [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/tags/V4.5.0.0/Html5DemoElements.zip label=""]]
+|4.5.0.0      | CODESYS Development System 3.5.18.0 or higher
CODESYS Visualization 4.5.0.0    | [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/tags/V4.5.0.0/Html5DemoElements.zip label=""]]
 |4.2.0.0      | CODESYS Development System 3.5.17.30 or higher
CODESYS Visualization 4.2.0.0    | [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/tags/V4.2.0.0/Html5DemoElementsV4.2.0.0.zip label=""]]

Home modified by fmueller

fmueller — Mon, 05 Feb 2024 14:21:58 -0000

--- v21
+++ v22
@@ -79,9 +79,9 @@
 ## Download other versions
 Version | Requirements | Download |
 ---------- | ---------- | ------ 
-4.5.0.0      | CODESYS Development System 3.5.18.00 or higher
CODESYS Visualization 4.5.0.0    | [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/tags/V4.5.0.0/Html5DemoElements.zip label=""]] 
+|4.5.0.0      | CODESYS Development System 3.5.18.00 or higher
CODESYS Visualization 4.5.0.0    | [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/tags/V4.5.0.0/Html5DemoElements.zip label=""]]
+|4.2.0.0      | CODESYS Development System 3.5.17.30 or higher
CODESYS Visualization 4.2.0.0    | [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/tags/V4.2.0.0/Html5DemoElementsV4.2.0.0.zip label=""]] 

-4.2.0.0      | CODESYS Development System 3.5.17.30 or higher
CODESYS Visualization 4.2.0.0    | [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/tags/V4.2.0.0/Html5DemoElementsV4.2.0.0.zip label=""]]

Home modified by fmueller

fmueller — Mon, 05 Feb 2024 14:19:40 -0000

Home modified by fmueller

fmueller — Mon, 05 Feb 2024 14:17:48 -0000

--- v19
+++ v20
@@ -37,6 +37,7 @@
 ### Release Notes
 Version | Changes |
 ---------- | ---------- 
+| CODESYS Visualization 4.5.0.0 | * new Elements: DonutGauge and BarGauge
 | CODESYS Visualization 4.3.0.0 | * API for images in CDSWebvisuAccess changed
 * External CSS files may not be working
 | CODESYS Visualization 4.2.0.0 | * Initial release

@@ -69,9 +70,17 @@
 ### HTML5 Demo Textfield
 This HTML5 demo textfield control is used to demonstrate how different types of IEC scalar values can be handled in both directions (read/write).

+### HTML5 Demo Donut Gauge
+This HTML5 demonstrate how a htm5 element can be used with the d3 library. The changeable size of the frame area is passed directly by width and height. It consists of a display and a drag button.
+
+### HTML5 Demo Bar Gauge
+This HTML5 demonstrate how a htm5 element can be used with the d3 library. The changeable size of the frame area is passed directly by width and height. It display an editable bar element.
+
 ## Download other versions
 Version | Requirements | Download |
 ---------- | ---------- | ------ 
+4.5.0.0      | CODESYS Development System 3.5.18.00 or higher
CODESYS Visualization 4.5.0.0    | [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/tags/V4.5.0.0/Html5DemoElements.zip label=""]] 
+
 4.2.0.0      | CODESYS Development System 3.5.17.30 or higher
CODESYS Visualization 4.2.0.0    | [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/tags/V4.2.0.0/Html5DemoElementsV4.2.0.0.zip label=""]] 


@@ -79,6 +88,6 @@
 ## System requirements and restrictions
 |System requirements and restrictions  | Info|
 |--------------------------------------|-----|
-|**Programming System**                | CODESYS Development System Version 3.5.17.30 or higher|
-|**Runtime System**                    | CODESYS Control Version 3.5.17.30|
-|**Required Accessories**              | CODESYS Visualization 4.3.0.0|
+|**Programming System**                | CODESYS Development System Version 3.5.18.0 or higher|
+|**Runtime System**                    | CODESYS Control Version 3.5.18.0 or higher|
+|**Required Accessories**              | CODESYS Visualization 4.5.0.0 or higher|

Home modified by j-zauner

j-zauner — Tue, 22 Nov 2022 13:16:33 -0000

--- v18
+++ v19
@@ -1,4 +1,5 @@
 [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/Html5DemoElements.zip label="Latest Version"]]
+
 [TOC]

 # HTML5 API Examples

Home modified by j-zauner

j-zauner — Tue, 22 Nov 2022 13:16:10 -0000

--- v17
+++ v18
@@ -1,3 +1,4 @@
+[[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/Html5DemoElements.zip label="Latest Version"]]
 [TOC]

 # HTML5 API Examples
@@ -38,7 +39,7 @@
 | CODESYS Visualization 4.3.0.0 | * API for images in CDSWebvisuAccess changed
 * External CSS files may not be working
 | CODESYS Visualization 4.2.0.0 | * Initial release

-  [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/Html5DemoElements.zip label=Html5DemoElements]]
+  [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/Html5DemoElements.zip label="all Html5DemoElements"]]
 ## Demo elements and project

Home modified by j-zauner

j-zauner — Tue, 22 Nov 2022 13:14:51 -0000

--- v16
+++ v17
@@ -38,39 +38,31 @@
 | CODESYS Visualization 4.3.0.0 | * API for images in CDSWebvisuAccess changed
 * External CSS files may not be working
 | CODESYS Visualization 4.2.0.0 | * Initial release

- 
+  [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/Html5DemoElements.zip label=Html5DemoElements]]
 ## Demo elements and project
- [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5_DemoControls.project label=DemoProject]]
+

 ### Project HTML5_DemoControls.project
 A simple project, containing the so far existing HTML5 controls. The controls are configured, and their functionality can be seen online. Nevertheless, the controls are only for demonstration. Therefore, they use basic looks.

- [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoButton.zip label=HTML5DemoButton]]

 ###  HTML5 Demo Button
 This HTML5 demo button control is used to demonstrate how the input configuration can be used in a HTML5 control. When the input configuration is used in a HTML5 control than mouse events can be sent to IEC and the configured input actions OnMouseDown, OnMouseUp and OnMouseMove can be executed.

-[[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoCombobox.zip label=HTML5DemoCombobox]]
-
 ### HTML5 Demo Combobox
 This HTML5 demo combobox control is used to demonstrate how an IEC enumeration can be used in a combobox. This example demonstrates how to get a type information (getTypeDesc) from a variable. It demonstrates also how colors and fonts are transfered and how they can be used.

-[[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoImage.zip label=HTML5DemoImage]]

 ### HTML5 Demo Image
 This HTML5 demo image control is used to demonstrate how images can be used in a HTML5 control.

-[[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoTable.zip label=HTML5DemoTable]]
-
 ### HTML5 Demo Table
 This HTML5 demo table control is used to demonstrate how an IEC array can be displayed and used in a HTML5 control. The data is transfered in an optimized way. Only a specific range is transfered. This solution is possible also for bigger arrays with many rows. A cell in the table can be edited and the change can be transferred to IEC.

-[[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoTableNoScrollRange.zip label=HTML5DemoTableNoScrollRange]]

 ### HTML5 Demo Table No Scroll Range
 This HTML5 demo table control is used to demonstrate how an IEC array can be displayed and used in a HTML5 control. The complete array is transfered when a value in the array has changed. A cell in the table can be edited and the change can be transferred to IEC.

-[[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoTextfield.zip label=HTML5DemoTextfield]]

 ### HTML5 Demo Textfield
 This HTML5 demo textfield control is used to demonstrate how different types of IEC scalar values can be handled in both directions (read/write).

Home modified by j-zauner

j-zauner — Mon, 21 Nov 2022 13:55:20 -0000

--- v15
+++ v16
@@ -7,23 +7,21 @@
 Some examples of simple HTML5 controls, including additional files, to make the controls usable as visualization elements in the CODESYS visualization. Just like all the other already existing visualization elements.

-## More information
-Install HTML5 Control to use it as visual element:
-Open CODESYS: Tools - Visual Element Repository
-Within "Profile or Extension Selection" choose "HTML5 Controls"
-Press Button "Install.." and navigate to the downloaded and unziped example.
-Select the .html5control.xml file and press "open".
-Now the element will be installed into your repository and you can use it like any other visual element.
+### Installation
+1. Install HTML5 Control to use it as visual element:
+2. Open CODESYS: Tools - Visual Element Repository
+3. Within "Profile or Extension Selection" choose "HTML5 Controls"
+4. Press Button "Install..." and navigate to the downloaded and unzipped example.
+5. Select the .html5control.xml file and press "Open".
+
+Now the element will be installed into your repository, and you can use it like any other visual element from the Visualization Toolbox.

- 
-## System requirements and restrictions
-|System requirements and restrictions  | Info|
-|--------------------------------------|-----|
-|**Programming System**                | CODESYS Development System Version 3.5.17.30 or higher|
-|**Runtime System**                    | CODESYS Control Version 3.5.17.30|
-|**Required Accessories**              | CODESYS Visualization 4.2.0.0|
+Note: If one element won't be downloaded because of an error in the message category 'Visualization', try to accept its signature after opening a project where this element is used.
+Message View -> Build (warnings) -> 'An issue with the signature of the element ...' -> click '...' -> Yes, trust this element

-## License information
+Help page: https://content.helpme-codesys.com/en/CODESYS%20Visualization/_visu_html5_dev.html
+
+### License information
  This is free and unencumbered software released into the public domain.

  Anyone is free to copy, modify, publish, use, compile, sell, or distribute this software, either in source code form or as a compiled binary, for any purpose, commercial or non-commercial, and by any means.
@@ -34,38 +32,59 @@

  For more information, please refer to <https: unlicense.org="">

+### Release Notes
+Version | Changes |
+---------- | ---------- 
+| CODESYS Visualization 4.3.0.0 | * API for images in CDSWebvisuAccess changed
 * External CSS files may not be working
+| CODESYS Visualization 4.2.0.0 | * Initial release
+
+ 
+## Demo elements and project
+ [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5_DemoControls.project label=DemoProject]]
+
+### Project HTML5_DemoControls.project
+A simple project, containing the so far existing HTML5 controls. The controls are configured, and their functionality can be seen online. Nevertheless, the controls are only for demonstration. Therefore, they use basic looks.

  [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoButton.zip label=HTML5DemoButton]]

-##  HTML5 Demo Button
+###  HTML5 Demo Button
 This HTML5 demo button control is used to demonstrate how the input configuration can be used in a HTML5 control. When the input configuration is used in a HTML5 control than mouse events can be sent to IEC and the configured input actions OnMouseDown, OnMouseUp and OnMouseMove can be executed.

 [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoCombobox.zip label=HTML5DemoCombobox]]

-## HTML5 Demo Combobox
+### HTML5 Demo Combobox
 This HTML5 demo combobox control is used to demonstrate how an IEC enumeration can be used in a combobox. This example demonstrates how to get a type information (getTypeDesc) from a variable. It demonstrates also how colors and fonts are transfered and how they can be used.

 [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoImage.zip label=HTML5DemoImage]]

-## HTML5 Demo Image
+### HTML5 Demo Image
 This HTML5 demo image control is used to demonstrate how images can be used in a HTML5 control.

 [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoTable.zip label=HTML5DemoTable]]

-## HTML5 Demo Table
+### HTML5 Demo Table
 This HTML5 demo table control is used to demonstrate how an IEC array can be displayed and used in a HTML5 control. The data is transfered in an optimized way. Only a specific range is transfered. This solution is possible also for bigger arrays with many rows. A cell in the table can be edited and the change can be transferred to IEC.

 [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoTableNoScrollRange.zip label=HTML5DemoTableNoScrollRange]]

-## HTML5 Demo Table No Scroll Range
+### HTML5 Demo Table No Scroll Range
 This HTML5 demo table control is used to demonstrate how an IEC array can be displayed and used in a HTML5 control. The complete array is transfered when a value in the array has changed. A cell in the table can be edited and the change can be transferred to IEC.

 [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoTextfield.zip label=HTML5DemoTextfield]]

-## HTML5 Demo Textfield
+### HTML5 Demo Textfield
 This HTML5 demo textfield control is used to demonstrate how different types of IEC scalar values can be handled in both directions (read/write).

-[[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5_DemoControls.project label=DemoProject]]
+## Download other versions
+Version | Requirements | Download |
+---------- | ---------- | ------ 
+4.2.0.0      | CODESYS Development System 3.5.17.30 or higher
CODESYS Visualization 4.2.0.0    | [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/tags/V4.2.0.0/Html5DemoElementsV4.2.0.0.zip label=""]] 

-## HTML5_DemoControls project
-A simple project, containing the so far existing HTML5 controls. The controls are configured and their functionality can be seen online. Nevertheless the controls are only for demonstration. Therefore they use basic looks.
+
+
+## System requirements and restrictions
+|System requirements and restrictions  | Info|
+|--------------------------------------|-----|
+|**Programming System**                | CODESYS Development System Version 3.5.17.30 or higher|
+|**Runtime System**                    | CODESYS Control Version 3.5.17.30|
+|**Required Accessories**              | CODESYS Visualization 4.3.0.0|
</https:>

Home modified by mschwarz

mschwarz — Mon, 11 Jul 2022 10:09:55 -0000

--- v14
+++ v15
@@ -2,8 +2,8 @@

 # HTML5 API Examples

+## Product description

-## Product description
 Some examples of simple HTML5 controls, including additional files, to make the controls usable as visualization elements in the CODESYS visualization. Just like all the other already existing visualization elements.


@@ -64,3 +64,8 @@

 ## HTML5 Demo Textfield
 This HTML5 demo textfield control is used to demonstrate how different types of IEC scalar values can be handled in both directions (read/write).
+
+[[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5_DemoControls.project label=DemoProject]]
+
+## HTML5_DemoControls project
+A simple project, containing the so far existing HTML5 controls. The controls are configured and their functionality can be seen online. Nevertheless the controls are only for demonstration. Therefore they use basic looks.

Home modified by mschwarz

mschwarz — Thu, 07 Jul 2022 14:10:24 -0000

--- v13
+++ v14
@@ -43,7 +43,7 @@
 [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoCombobox.zip label=HTML5DemoCombobox]]

 ## HTML5 Demo Combobox
-This HTML5 demo combobox control is used to demonstrate how an IEC enumeration can be used in a combobox. This example demonstrates how to get a type information (getTypeDesc) from a variable. It demonstrates also how colors and fonts are transfered and how thay can be used.
+This HTML5 demo combobox control is used to demonstrate how an IEC enumeration can be used in a combobox. This example demonstrates how to get a type information (getTypeDesc) from a variable. It demonstrates also how colors and fonts are transfered and how they can be used.

 [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoImage.zip label=HTML5DemoImage]]

@@ -58,7 +58,7 @@
 [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoTableNoScrollRange.zip label=HTML5DemoTableNoScrollRange]]

 ## HTML5 Demo Table No Scroll Range
-This HTML5 demo table control is used to demonstrate how an IEC array can be displayed and used in a HTML5 control. The complete array is transfered when a value in the array has change. A cell in the table can be edited and the change can be transferred to IEC.
+This HTML5 demo table control is used to demonstrate how an IEC array can be displayed and used in a HTML5 control. The complete array is transfered when a value in the array has changed. A cell in the table can be edited and the change can be transferred to IEC.

 [[download url=https://forge.codesys.com/svn/prj,codesys-example,html5apiexample,code/trunk/HTML5DemoTextfield.zip label=HTML5DemoTextfield]]