[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gantt Control
  [Expand]Chart Control
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
   [Expand]Product Information
   [Expand]Getting Started
   [Collapse]Graphical User Interface
    [Collapse]Snap Application Elements
      Snap User Interface Overview
      Design Surface
      Main Toolbar
      Print Preview
      Report Explorer
      Data Explorer
    [Expand]Main Toolbar
    [Expand]Data Visualization Tools
    Supported Formats
   [Expand]Developer Guidelines
   [Expand]Data Acquisition
   [Expand]Data Shaping
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Design Surface

This document describes the design surface of a Snap application.

The design surface is the primary working area of a Snap application, which contains the document and allows you to modify its layout.

It can display rulers that define the horizontal and vertical alignment of a report's elements, as well as a scroll bar that allows you to browse different pages of a document.

Right-clicking the design surface invokes the context menu, which displays a specific set of commands based on the element that is clicked.

The WYSIWYG nature of Snap allows you to view document content on the design surface in the same way it will appear on paper. However, the complete document (as it appears in a Print Preview) may differ from the document layout shown in the design surface. For example, setting the List | Editor Row Limit toolbar option limits the total number of processed data records while the document layout is being designed.

The View toolbar contains the commands that allow you to switch the document presentation mode (Simple View, Draft View, Print Layout), as well as maintain the visibility of rulers and the document zoom factor.

Is this topic helpful?​​​​​​​