Skip to main content

ControlsComponent

This component was written for the Visually JS demonstration applications. Out of the box this is "production ready", but it does assume that either you're including the visuallyjs.css stylesheet in your cascade, or you've pulled out the relevant styles from that stylesheet. Also note that the default prompt for users when they press the 'clear' button is in English, as are the button tooltips.

Properties​

buttons?​

optional buttons: ControlsComponentButtons = []

Optional extra buttons to display in the component.

Input​

clear?​

optional clear: boolean = true

Whether or not to show the clear model button. Defaults to true.

Input​

clearMessage?​

optional clearMessage: string = "Clear dataset?"

Message to show when the user clicks the clear model button.

Input​

orientation?​

optional orientation: string = "row"

Orientation of the component - "row" or "column"

Input​

undoRedo?​

optional undoRedo: boolean = true

Whether or not to show undo/redo buttons. Defaults to true.

Input​

zoomButtons?​

optional zoomButtons: boolean = false

Whether or not to show the zoom in/zoom out buttons. Defaults to false.

Input​

zoomToExtents?​

optional zoomToExtents: boolean = true

Whether or not to show the zoom to extents button. Defaults to true.

Input​