Visualization Element ‘Time picker’

Symbol:

Tag: Date/time control elements

This element provides configurable buttons for setting the time range of a trend display to a defined time. In the process the end time of the previous display is left unchanged and the start time is adapted.

Element properties

Element name	Optional Tip: Assign individual names for elements so that they are found faster in the element list. Example: TimeRangeTemperature
Element type	Time range picker

Element property ‘Position’

The position defines the location and size of the element in the visualization window. These are based on the Cartesian coordinate system. The origin is located at the upper left corner of the window. The positive horizontal x-axis runs to the right. The positive vertical y-axis runs downwards.

X	X coordinate of the upper left corner of the element Specified in pixels. Example: 10.
Y	Y coordinate of the upper left corner of the element Specified in pixels. Example: 10.
Width	Specified in pixels. Example: 150
Height	Specified in pixels. Example: 30

Note

You can also change the values by dragging the box symbols ( ) to other positions in the editor.

See also

• Positioning Elements, Adapting Size and Layer

Orientation	The element is displayed horizontally or vertically depending on the width/height ratio.
Show frame	: The visualization element is displayed with a frame.
Resolution	Resolution saved for the time stamp: Millisecond or Microsecond
Assigned visualization element	Requirement: Expert is activated. The element can be assigned to a Trend visualization element. In this way, the time range of the trend element can be changed. The available visual elements are selected with the help of the input assistant ( ).

Element property ‘Texts’

Text	String label for the element. Example: Zoom

Element property ‘Text properties’

The properties contain fixed values for the text properties.

Font	Example: Default : The Font dialog box opens. : Drop-down list with style fonts.
Font color	Example: Black : The Color dialog box opens. : Drop-down list with style colors.
Transparency	Whole number (value range from 0 to 255). This determines the transparency of the respective color. Example: 255: The color is opaque. 0: The color is completely transparent. Please note: If the color is a style color and already has a transparency value, then this property is write-protected.

Property ‘Times’

In Times, the buttons that the element provides at runtime are defined and configured in an array.

Provide “All” selection	: Time selector bar extended by “All” button. The diagram represents a time interval that covers all time stamps.
Times	: Adds another button to the time selection bar and increases the array by one entry. An additional index is present in the property Times ‣ Times ‣ Times ‣ [<new>]. Time is located under this index. The configuration of the button is to be entered there.
Times [Index] with index Î {0, 1, 2,…}	Array of all buttons in the time selection bar. Index corresponds to the number of buttons. : The associated button is removed from the time picker bar. The configuration entry is deleted from the Times property list.
[Index] Time	: Time interval in standardized notation. Example: 3M for 3 months; 30m for 30 minutes. If a time interval is indicated in the field, then the button is labelled with it. If a user clicks on the button at runtime, the command is executed to switch the diagram to this time interval. The default is empty.