All docs
V20.1
20.1
19.2
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

Structural Highlighting Settings

  • 2 minutes to read

The Structural Highlighting options page allows you to configure the Structural Highlighting feature.

Options

This page contains the following options:

Enable Structural Highlighting

Use this option to enable/disable Structural Highlighting. This feature is initially disabled.

Show Connections With

This option specifies the lines direction which connects block bounds.

You can choose one of the following values:

  • Horizontal and vertical lines

    Connections

  • A single vertical line

    Connections

  • Diagonal lines

    Connections

Connect Tags Centers

This option specifies whether a highlighting line connects to an html tag:

  • On

    Connect Tags

  • Off

    Connect Tags

Suppress Single Line Horizontal Connections

This option allows you to enable/disable highlighting of horizontal lines which connect the code block bounds.

  • On

    Suppress Horizontal

  • Off

    Suppress Horizontal

Elements

The General tab - includes C#, Visual Basic, JavaScript, TypeScript, F#, HTML, and XAML structural elements. This tab also includes the CSS style rule element.

General elements

The Html tab - includes HTML tags.

HTML tags

To add a HTML tag name to the HTML tag list:

  • Type the HTML tag name in the corresponding text box.

  • Click the "Add tag name" button.

To remove a tag name from the Html list, click the "Remove tag name" button.

Default Color, Default Opacity, and Default Thickness

These options allow you to specify default color, opacity and thickness of structural highlighting lines for those code elements which settings are not overridden in the General and Html lists.

Default Color

Custom Settings Overrides

This section allows you to change default settings for a selected element in the Elements and Html lists:

  • Suppress connecting lines for this element - use this option to enable/disable structural highlighting for a selected element.

  • Custom color, Custom thickness, and Custom opacity - use these options to override the default values for the selected element.

The screenshot below shows the custom settings which override the color, thickness and opacify of structural highlighting lines for properties.

Custom Settings

The following screenshot shows the properties' structural lines highlighted with the custom color:

Custom Settings