TGML Element Summary

TGML supports the following elements:

TGML Element Type Possible Parent Description

<Animate>

Animation

Brush, Container, Image, Shape, Transform,

<GradientStop>

Animate animates a specified attribute of the immediate parent element.

For more information, see the TGML Animation: <Animate> section.

<AnimatedImage>

Image

Container, <Tgml>

Animated image represents an animated raster image.

AnimatedImage supports the GIF89a format.

For more information, see the TGML Animated Images (GIF89a): <AnimatedImage> section.

<Arc>

Shape

Container, <Tgml>

Arc defines an elliptical arc. The elliptical arc is part of an ellipse.

For more information, see the TGML Elliptical Arc: <Arc> section.

<Bind>

Shape

Not in Rule,

<Expose>, <Link>, <Metadata> or<Script>

Bind enables a dynamic (server/device controlled) update of an attribute of the immediate parent element.

For more information, see the TGML Signal Binding: <Bind> section.

<Component>

Container

Container, <Tgml>

The Components element is a container element (similar to Group) which defines a reusable group of elements.

For more information, see the TGML Components: <Component> section.

<ComponentContent>

Container



<ConvertCustom>

Rule

<Bind>

ConvertCustom defines a custom conversion of a signal value. The ConvertCustom element is a script element with a JavaScript function named 'convert'.

For more information, see the TGML Custom Conversion: <ConvertCustom> section.

<ConvertRange>

Rule

<Bind>

ConvertRange specifies how a server variable (signal) value shall be converted to a TGML element attribute value using min and max values. A ConvertRange element belongs to the immediate parent Bind element.

For more information, see the TGML Value Range Conversion: <ConvertRange> section.

<ConvertStatus>

Rule

<Bind>

ConvertStatus specifies how the status of a server variable (signal) value is to be converted to a TGML element attribute value. A ConvertStatus element belongs to the immediate parent Bind element.

For more information, see the TGML Status Conversion: <ConvertStatus> section.

<ConvertText>

Rule

<Bind>

ConvertText specifies how a server variable (signal) value is to be converted to a TGML element attribute value.

ConvertText assumes that the signal value is a text. A ConvertText element belongs to the immediate parent Bind element.

For more information, see the TGML Text Value Conversion: <ConvertText> section.

<ConvertValue>

Rule

<Bind>

ConvertValue specifies how a server variable (signal) value is to be converted to a TGML element attribute value. A ConvertValue element belongs to the immediate parent Bind element.

For more information, see the TGML Value Conversion: <ConvertValue> section.

<Chord>

Shape

Container, <Tgml>

Chord defines an elliptical chord. Chord is similar to Pie and Arc.

For more information, see the TGML Elliptical Chord: <Chord> section.

<Curve>

Shape

Container, <Tgml>

Curve defines a cubic Bezier curve. The cubic Bezier curve has a start point, an end point, and two control points. The control points act as magnets, pulling the curve in certain directions to influence the way the Bezier curve bends.

For more information, see the TGML Cubic Bezier Curve: <Curve> section.

<Ellipse>

Shape

Container, <Tgml>

The Ellipse element defines an ellipse.

For more information, see the TGML Ellipse: <Ellipse> section.

<Expose>


Not in <Script>

Expose indicates that an attribute of the immediate parent element is to be exposed by the TGML editor, using the Name of the Expose element instead of the original attribute name.

For more information, see the TGML Expose Element: <Expose> section.

<GradientStop>

Brush


The GradientStop describes the location and color of a transition point in a gradient.

GradientStop belongs to its immediate parent gradient element.

For more information, see the TGML Gradient Stop: <GradientStop> section.

<Group>

Container

Container, <Tgml>

The Group element is a container element, used for grouping elements together so they can, for example, be moved, copied and resized as if they were a single element.

For more information, see the TGML Grouping: <Group> section.

<Image>

Image

Container, <Tgml>

Image represents a raster image. Image supports JPEG and PNG images.

For more information, see the TGML Image Element: <Image> section.

<Layer>

Container

<Tgml>

The Layer element is a container element used to create layered TGML graphics.

For more information, see the TGML Layers: <Layer> section.

<Line>

Shape

Container, <Tgml>

The Line element describes a straight line between two points.

For more information, see the TGML Line: <Line> section.

<LinearGradient>

Brush

Container, Shape

The LinearGradient creates a linear gradient brush for the stroke or fill area of the immediate parent.

For more information, see the TGML Linear Gradient: <LinearGradient> section.

<Link>


Container, Image, Shape,

<TargetArea>

Link represents a hyperlink to another presentation stored in the database, or file system, of the connected server. Examples of presentation objects are: TGML graphics files, trend log views and on-line plots.

For more information, see the TGML Link element: <Link> section.

<Metadata>


Not in <Metadata> or <Script>

Each TGML document contains the TGML root element. It also contains metadata created and interpreted by the TGML application.

For more information, see the TGML Document Type Element and Metadata section.

<Path>

Shape

Container, <Tgml>

Path represents the outline of a shape.

For more information, see the TGML Path Element: <Path> section.

<Pie>

Shape

Container, <Tgml>

Pie defines an elliptical pie slice. Pie is similar to Arc.

For more information, see the TGML Elliptical Pie: <Pie> section.

<Polygon>

Shape

Container, <Tgml>

The Polygon element describes a polygon, which is a connected series of lines that forms a closed shape. The end point does not have to be specified. The polygon is closed automatically.

For more information, see the TGML Polygon: <Polygon> section.

<Polyline>

Shape

Container, <Tgml>

The Polyline element describes a series of connected straight lines.

For more information, see the TGML Polyline: <Polyline> section.

<RadialGradient>

Brush

Container, Shape

RadialGradient defines a radial gradient brush for the stroke or fill area of the immediate parent.

For more information, see the TGML Radial Gradient: <RadialGradient> section.

<Rectangle>

Shape

Container, <Tgml>

The Rectangle element defines a rectangle. You can create rounded rectangles by setting values for the attributes RadiusX and RadiusY.

For more information, see the TGML Rectangle: <Rectangle> section.

<Rotate>

Transform

Container, Image, Shape

Rotate rotates the coordinate system for the immediate parent element about a specified point.

For more information, see the TGML Rotation: <Rotate> section.

<Scale>

Transform

Container, Image, Shape

Scale scales the coordinate system for the immediate parent element.

For more information, see the TGML Scaling: <Scale> section.

<Script>


Container, Image, Shape, <Bind>, <TargetArea>, <Tgml>

Script defines a script block that belongs to the immediate parent element.

For more information, see the TGML Script Element: <Script> section.

<Sequence>

Animation

Container

Sequence plays a sequence of graphical elements, for example, shapes, text, images, as a 'movie'.

For more information, see the TGML Sequences: <Sequence> section.

<SkewX>

Transform

Container, Image, Shape

SkewX and SkewY skew (stretch) the coordinate system for the immediate parent element about a specified point.

For more information, see the TGML Skewing: <SkewX> and <SkewY> section.

<SkewY>

Transform

Container, Image, Shape

SkewX and SkewY skew (stretch) the coordinate system for the immediate parent element about a specified point.

For more information, see the TGML Skewing: <SkewX> and <SkewY> section.

<Snippet>

Container


A snippet is a stored piece of TGML code. It can be used for reusing constructs such as preconfigured animations and gradients.

For more information, see the TGML Code Snippets section.

<TargetArea>


Container, <Tgml>

TargetArea represents a clickable area in a graphic. Target area is not painted, that is, it is always invisible.

For more information, see the TGML Target Area Element: <TargetArea> section.

<Text>

Shape

Container

Text defines a graphics element consisting of text. Each Text element causes a single string of text to be rendered. The Text element performs no automatic line break or word wrapping.

For more information, see the TGML Text Line: <Text> section.

<TextBox>

Shape

Container

Text defines a graphics element consisting of text. TextBox wraps the text within the specified box. The TextBox element also supports manual line breaks (ASCII character 10).

For more information, see the TGML Text Flow: <TextBox> section.

<Tgml>



Each TGML document contains the TGML root element. It also contains metadata created and interpreted by the TGML application.

For more information, see the TGML Document Type Element and Metadata section.

<Translate>

Transform

Container, Image, Shape

Translate translates (moves) the coordinate system for the immediate parent element.

For more information, see the TGML Translations: <Translate> section.