Share via

Display, HTML Designer, Options Dialog Box

  • Article

Makes it possible for you to set Design view preferences for the positioning grid and the display of optional tag markers. To access these settings in the Options dialog box, expand the HTML Designer node and choose Display.

To open the Options dialog box, select Options on the Tools menu. These settings supplement the settings available from the HTML/XML, Text Editor Options pages.

Default Grid Settings

The default settings for the Design view positioning grid are applied as you edit an HTML document whose pageLayout property is set to GridLayout, or edit a Grid Layout Panel that was added from the Toolbox.

Note   The Design view positioning grid provides horizontal and vertical guidelines designed to help you align objects on your Web page or form. For more information, see Setting the pageLayout Property of an HTML Document, Setting the showGrid Property of an HTML Document, and Positioning HTML Elements in Design View.

  • Snap to grid
    When selected, and the pageLayout property of the current document is set to GridLayout, the Snap to Grid feature is available. When objects are added or moved in Design view, they are automatically aligned with the nearest guidelines in the positioning grid when you release the mouse. This option also can be set by selecting the Snap to Grid button on the Design toolbar.
  • Show grid
    When selected, the default value of the showGrid property is set to True. The Design view positioning grid becomes available when the pageLayout property of the current document is set to GridLayout. This option also can be set by selecting the Show Grid button on the Design toolbar.
  • Horizontal spacing
    Sets the distance between horizontal grid lines. The default value is 8 pixels.
  • Vertical spacing
    Sets the distance between vertical grid lines. The default value is 8 pixels.

Display Options

  • Show details for non-visible elements
    When selected, the Design view editor displays markers for the opening and closing tags of all elements, so that you can avoid deleting or disrupting elements that are not ordinarily displayed. For example, you can see exactly where a <DIV> element begins and ends:

These markers are not displayed when you view your page in a Web browser, and they do not print. This option also can be set by selecting the Show Details button on the Design toolbar.

  • Show borders for borderless elements
    When selected, the Design view editor displays borders around objects that do not normally have visible borders, such as radio buttons. These borders help you position elements and the text that surrounds them in Design view. This option also can be set by selecting the Show Details button on the Design toolbar.
  • Show glyphs for server controls
    When selected, a graphic marker is displayed to identify each server control. For more information, see Introduction to ASP.NET Server Controls and ASP.NET Server Controls by Function.

See Also

HTML Designer | General, HTML Designer, Options Dialog Box | General, HTML/XML, Text Editor, Options Dialog Box | Tabs, HTML/XML, Text Editor, Options Dialog Box | Format, HTML/XML, Text Editor, Options Dialog Box | HTML Specific, HTML/XML, Text Editor, Options Dialog Box | XML Specific, HTML/XML, Text Editor, Options Dialog Box | Options that Affect Existing HTML, CSS, or XML Markup