View Link Component

view link component in components tray

The Viewlink component inserts a link or button on the board that a user can click to open another view.

The View Link component is supported in the Input view, Details view, and List view.

The board you are adding this component to must have an associated publish profile configured for this component to display boards and views from the dropdown boxes.

Settings

View Link Settings Window

Settings Tab

The following fields are available.

View Link Settings: Settings tab fields
Field Description Procedure

Label

The label that appears on the button.

Enter between 2 - 50 alphanumeric characters, excluding special characters.

Board

The board that contains the view you want to link.

Select a board from the list.

If the board has a publish profile, you can select from a list of boards from your WebEOC instance.

View

The name of a view that exists for the board.

The view does not need to be in DesignStudio.

Select a view from the list.

If the board has a publish profile, you can select from a list of boards from your WebEOC instance.

View Parameter The parameter used to pass data to the view.

When the user navigates to the view from the board, the data in the view parameter is passed to the view. Enter between 2 - 50 alphanumeric characters, excluding special characters. Once saved, in Code Mode, you can see the <viewparameter> tag with the content you entered in the View Parameter field.

This parameter is optional.

Style Tab

View Link Settings: Style tab settings
Field Description Procedure

Type

The visual representation of the viewlink.

Select one of the following options:

  • Button: If you select this option, additional fields appear for you to customize the look of the button.

  • Link: If you select this option, a standard link is used.

Button Size

The size of the button.

Select one of the following options:

  • Default

  • Small

  • Large

Color

The color of the button.

Select one of the available colors.

Select Icon

The icon that appears on the button, after the Label.

Select one of the available icons.

  • Use the Search field to find a specific icon.

  • Use the Type list to narrow the results according to the category of the icon.

Icons

The following tool icons are available:

Tool icons and descriptions
Icon Name What it Does Procedure
Settings Icon

Settings

Displays the settings window, in which you can modify the view link settings.

  1. On the canvas, click the component. A toolbar appears on the top right.

  2. Click the icon.

  3. Modify the fields as needed. See Add Board Components.

  4. Click Done.

Move Icon

Move

Moves the component to another position on the board.

This option is useful with touch screens. If you are not using a touch screen, you can drag the component to its new location.

 
Delete Icon

Delete

Deletes the current component.

  1. On the canvas, click the component. A toolbar appears on the top right.

  2. Click the icon.