dl-breadcrumbs__homedl-breadcrumb-item__separatorConfiguration and programmingdl-breadcrumb-item__separatorProgramming with CODESYSdl-breadcrumb-item__separator...dl-breadcrumb-item__separatorCODESYS Visualizationdl-breadcrumb-item__separatorAnimation of elements dl-breadcrumb-item__separatorAnimation of the text display
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Animation of the text display dl-permalink__symbolPermalink

You can configure an animation of the display of text in the “Font variables” property. All basic elements have this property as well as tables, scroll bars, and text fields.

Example: Animate the font size

Requirement: A project with a visualization is open.

  1. Open the visualization and add a “Rectangle” element.

    The “Properties” view shows the configuration of the element.

  2. Configure the “Texts  Text” property with ‎Important‎.

  3. In the application, declare a type-compliant variable in the ‎PLC_PRG‎ POU.

    ‎iFontHeight : INT;‎

  4. Configure the “Font variables  Size” property with ‎PLC_PRG.iFontHeight‎.

  5. Implement a change in the size of the font.

    iFontHeight := iFontHeight + 1) MOD 20;

  6. Compile, download, and start the application.

    The application runs. The visualization opens. The rectangle is labeled ‎Important‎. The font size increases from 1 to 20.