Vai al contenuto

CardPanel

Multi-card Panel that lets you deposit many groups of components on multiple levels for activation at runtime by means of PLC or @local variables.Lets you dynamically control page content by changing parts of the page under specific conditions.Publishes the following properties:
  • activeCard: specifies what level to display at run time
  • totalCards: indicates the number of cards required
  • label: variable used to change the panel (an alternative to using conditions). It must contain the number of the panel to be displayed (0 .. totalCards)
At design time you must use the outline to select the editable card. It is necessary to click one of the cards (with name card0 to card card (totalCards – 1)).The selected card is highlighted, the others cards are lowlighted.The card with the ‘*’ (asterisk) is the default card. CardPanel-image_0At runtime you can selected one card to display with the property activeCard, controllable with the Conditions.Conditions example:Firstly make sure to define a new PLC variable with name “VAR1”Select the CardPanel (click over it)Make sure the “default” condition is active (double click over it).Select the default CardPanel card (example: change activeCard = 0)Add a new condition “VAR1 = 1”Activate the condition (double click over “VAR1 = 1”)Select the card to activate with this condition (example: change activeCard = 2)Add a second condition “VAR1 = 2”Activate the condition (double click over “VAR1 = 2”)Select the card to activate with this condition (example: change activeCard = 3)It should contain a variable whose value will be used to display the corresponding panel.For example: label = VAR2 (INT type)If VAR2=0, Panel 0 will be displayedIf VAR2=1 Panel 1 will be displayedIf the variable contains an ‘out of range’ value, the cardPanel will not change status and will continue to display the active panel.The two properties can be used simultaneously; in this case the last intervening property influences the cardPanel.To access background properties easily, in case of many components inside, please refer to the procedure described for “Panel” component.