View Link Component Classic Styling

View Link Component Nexus Component Styling

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 and is found in the Advanced section of the Components tray.

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.

See Add Board Components for details about adding components to a view.

Settings

If you use the Classic Styling, these settings are set in a dialog that opens after you drop the component on the canvas. If you are using the Nexus Component Styling, these settings are set on the Properties tab after you drop the component on the canvas.

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.

Actions Toolbar

The following actions are available when you select any component on the canvas in the Board Workspace when working with Classic Styling.

Actions descriptions
Icon Name Description Procedure
Settings Icon

Settings

Opens the Settings dialog.

You can modify the component’s settings, such as label, database field name, help text, style, and conditional settings.

  1. In Design mode, click the component on the canvas. A toolbar appears on the top right.

  2. Click the Settings icon.

  3. Modify the fields as needed.

  4. Click Done.
Move Icon

Move

 

This icon is not used.

To move the component, click and drag it to its new location.
Copy Icon

Clone

Copies the current component and its settings, then pastes it after the current component.

  1. In Design mode, click the component on the canvas. A toolbar appears on the top right.

  2. Click the Clone icon.
    The component's Settings dialog opens.

  3. Edit the settings for the cloned component.

  4. Click Done.
Delete Icon

Delete

Deletes the selected component.

  1. In Design mode, click the component on the canvas. A toolbar appears on the top right.

  2. Click the Delete icon.