Interface Objects and Settings

Settings Shared by Objects

In Style > Object Layout:

• Lock position and size disables X, Y, Width, Height, and canvas movement/resizing.
• X / Y position the object in pixels from the page's upper-left corner.
• Width / Height set its frame.
• Bring Forward / Send Backward change its stacking order one level.

In Style > Object Style:

• Font Family, Font Style, Font Size, Text Color override the page font. Use Page Font removes these overrides. Navigation Control uses its own active/inactive text colors. Graphics do not use font settings.
• Fill and Transparent fill control the card background.
• Border, Border Width, and Corner Radius control the card edge. Graphics use shape-specific fill, line, and border controls instead.
• Palette is available for Plots.
• Duplicate creates another object; Delete removes it.

Most objects expose these Behavior appearance settings:

• Show title hides or displays the object title.
• Wrap title allows multiple title lines.
• Title position places the title at Top, Bottom, Left, or Right.
• Title alignment is available for Top and Bottom titles.

Slider

Bind Variable to a scalar model input. Set Min, Max, and Step; entered values are clamped to the range and snapped to the step. The range must have a usable span, and the runtime substitutes safe values for invalid ranges or steps.

Appearance:

• Horizontal or Vertical Direction
• 0–12 scale Labels
• Show value As hover tip, Always, or Never
• Accent, Tick/Dot, Label, and Value Highlight colors
• Slider Width, or Slider expands to fit

The displayed value uses the bound variable's presentation number format. Changing the slider updates the Interface override and can trigger Live / SyntheSim.

Toggle

Bind Variable to an eligible 0/1 policy-switch constant. Off writes 0; On writes 1.

Appearance adds Accent, Value/Text Color, and Input Background. Shared title settings also apply.

Stepper

Bind Variable to an eligible constant auxiliary or flow. Min, Max, and Step define the decrement/increment behavior. The minus and plus buttons disable at the limits.

Appearance adds Accent, Value/Text Color, and Input Background. The displayed value uses the bound variable's number format.

Numeric Input

Bind Variable to an eligible constant auxiliary or flow. Min, Max, and Step constrain and snap committed values.

Appearance adds Accent, Value/Text Color, and Input Background. Input editing uses plain numeric entry; the object is still a model input, not a separate stored value.

Array Input

Bind Variable to an eligible constant auxiliary or flow with arrays enabled. Preview displays editable cells for the variable's array elements. The object does not expose Min, Max, or Step.

Appearance adds Accent, Value/Text Color, and Input Background. Increase the object's width or height when an array has many elements.

Action Button

An Action Button executes one or more ordered actions in Preview. See Actions, progress, and navigation.

Appearance:

• Shared title controls
• Accent, Value/Text Color, and Input Background
• Button style: Filled, Bordered, or Subtle
• Show Hover Tooltip and custom Tooltip
• Highlight on Mouse Over and Hover Highlight

New buttons default to transparent card fill, zero card border width, and no separate title, so the button itself is the visible element. Width and height in Style determine the rendered button size.

Progress Control

Progress Control is a simulation-time playhead, not a percent-complete indicator. See Actions, progress, and navigation.

Appearance:

• Horizontal or Vertical Direction
• Show value As hover tip, Always, or Never
• Value, Accent, and Track colors
• Shared title controls

Navigation Control

In Navigation Items, add page links, choose each target Page, and optionally enter a label. A blank label displays the target page's name. Remove unwanted links with the minus button. Missing or unset pages are not rendered as tabs.

Appearance:

• Horizontal or Vertical Direction
• Pill or Rectangle Tab shape
• Tab Spacing
• Active and Inactive tab background colors
• Active and Inactive text colors

Navigation only changes pages in Preview. The tab linked to the current page receives the active colors.

Gauge

Bind Variable to a displayable model variable. Min and Max define the scale.

Appearance:

• Progress Arc: Value Color, Accent, and Track Color
• Needle Regions: Low and High Thresholds; Low, Middle, and High region colors; optional scale labels

Values are clamped visually to the gauge range. Region thresholds divide the range into three colored bands; choose thresholds in increasing order within the gauge range for meaningful regions.

Plots

Plots can render every supported plot type, including tables. Their Behavior controls differ from other objects. See Plots and tables.

Style provides object layout, font inheritance, frame fill/border settings, Palette, and plot Axes & Time Range. Plot title and legend visibility are configured in Behavior appearance.

Value

Bind Variable to a displayable model variable. Value shows the result at the current simulation playhead, or the latest available value when no playhead is selected. Before a result exists, it can show an Interface override or resolved model input.

Appearance adds Accent, Value/Text Color, and Left, Center, or Right Value alignment. The large value uses the bound variable's number format.

Text

Text is page annotation, not a model binding. Use the rich-text editor for content and set Bold, Italic, Underline, Rich Text Color, Rich Text Size, and Left/Center/Right alignment.

The rich-text settings control the text body. The shared object title and card Style settings remain separate. Text can also be edited directly on the canvas in Edit mode.

Graphics

Graphics display an imported PNG, JPEG, GIF, TIFF, BMP, HEIC, or SVG file, a pasted image or SVG, or a built-in shape. Clear removes imported image data and SVG transforms.

Shape settings are shown only when applicable:

• Shape selects from the available shape gallery.
• Direction applies to directional shapes.
• Curvature applies to lines and arrows that support it.
• Opacity ranges from 10% to 100%.
• Transparent fill applies only to fillable shapes.
• Border Style selects Solid or available line styles.

Lines, arrows, and other non-fillable shapes use Line Color and Stroke Width in Style. Fillable shapes use Fill, Border, and Border Width. Graphics render without the normal object card chrome. Imported image content takes precedence over the selected placeholder shape.