Menu

Graphic Facelet

The Graphic Facelet renders a vector graphic defined by a path.
It supports both a custom path format and standard SVG path format.

Configuration

  • Position
    X, Y position (top-left) in screen coordinates [mil]. Supports data binding.

  • Size
    Width and height of the graphic in [mil].

  • Pivot
    Rotation pivot point in [mil], relative to the position.

  • Rotation
    Rotation angle in degrees. Supports data binding.

  • SVG Mode
    Enable SVG path format. When disabled, the custom path format is used.

  • Path
    The graphic path definition.

    In custom path format:

    Command Parameters Description

    M

    x,y

    Move to position.

    L

    x,y

    Line to position.

    A

    l,t,r,b,ang,swp

    Arc with bounding rect, start angle and sweep.

    O

    l,t,r,b,dir

    Oval with bounding rect and direction (1 = CW, 0 = CCW).

    R

    l,t,r,b,dir

    Rectangle with bounding rect and direction.

    N

    l,t,r,b,rx,ry,dir

    Rounded rectangle with corner radii and direction.

    Z

    Close the path.

    In SVG mode, standard SVG path syntax is used.

  • Line Width
    Width of the outline stroke. 0 = no outline.

  • Line Color
    Color of the outline stroke.

  • Fill Color
    Fill color of the graphic shape.

  • Visibility
    A condition expression. The Facelet is displayed if this evaluates to 1.

  • Display Mode

    Mode Description

    Normal

    This Facelet is only displayed in interactive (normal) mode.

    Ambient

    This Facelet is only displayed in ambient mode.

    Always

    This Facelet is displayed in both interactive and ambient mode.

  • Ambient Color
    Select a color for the ambient mode.
    0 uses the common ambient color of the face settings.