Turn snapping on or off (Windows Store apps)

Snapping is useful for lining objects up to each other or to evenly-spaced lines on the artboard. When moving, resizing, or drawing an object, the boundaries of the object will pull or snap into position.

Snapping does not affect the behavior of the arrow keys when you are nudging an object.

Snap grid

The snap grid gives you a set of horizontal and vertical gridlines on the artboard.

Workspace showing the snap grid turned on

JJ155186.4fab0bb0-ab3c-487b-8b89-798bf9e620fc(en-us,VS.110).png

To show the snap grid

  • Do one of the following:

    • In the lower-left corner of the artboard, click Show snap grid JJ155186.606df4fa-ca8d-4907-9400-eb2e38a1bc32(en-us,VS.110).png. To hide the snap grid, click the button again to see the off icon JJ155186.91816563-e380-479d-b477-3367ef46df71(en-us,VS.110).png.

    • On the Tools menu, click Options. In the Options dialog box, click Artboard, and then select the Show snap grid check box. Click OK.

Snapping to gridlines

If Snapping to gridlines is turned on when you drag an object on the artboard, the object will snap or pull towards the closest horizontal and vertical gridlines.

To snap to gridlines

  • Do one of the following:

    1. In the lower-left corner of the artboard, click Snap to gridlines JJ155186.9e9e55ff-0887-443d-a180-c824fa58355b(en-us,VS.110).png. To turn off snapping to gridlines, click the button again to see the Turn off snapping icon JJ155186.9cc02ff2-974a-41ce-b192-2d34584488e3(en-us,VS.110).png.

    2. On the Tools menu, click Options. In the Options dialog box, make sure that Artboard is selected on the left, and then select the Snap to gridlines check box. Click OK.

Gridline spacing

You can also change the gridline spacing.

To change gridline spacing

  1. On the Tools menu, click Options.

  2. In the Options dialog box, click Artboard.

  3. Set the Gridline spacing to the value that you want. The default is 5 pixels.

  4. Click OK.

    Tip

    You may want to make the Default margin value half of the Default padding value, and the Gridline spacing value equal to one of the others. This ensures that margin and padding snaplines will occur along gridlines.

Snap to snaplines

If Snapping to snaplines is turned on when you drag an object on the artboard, the object will snap to the following targets:

Important

The Snap to snaplines feature applies only to XAML-based projects.

Baselines (the base of text)

JJ155186.64db0a4e-db9b-4e12-bec5-a84c4e95f295(en-us,VS.110).png

Alignment boundaries, which appear on the artboard as red dashed lines

JJ155186.9999fb8d-a63a-44c7-b54b-9b7f5e6f3e53(en-us,VS.110).png

Default margins

JJ155186.be6eac2d-10ad-4f46-81cf-c42cbba852f1(en-us,VS.110).png

Default padding, or the padding properties that are set on the parent object

JJ155186.04717a51-80ef-4dc6-a8bc-ccd7fe8f4a56(en-us,VS.110).png

Column and row dividers in a grid panel

JJ155186.3a84276e-d232-4225-b551-aa740b2581fb(en-us,VS.110).png

To snap to snaplines

  • Do one of the following:

    1. In the lower-left corner of the artboard, click Turn on snapping to snaplines JJ155186.3f45d964-9ba4-4d69-be5f-553ee3a0210c(en-us,VS.110).png. To turn off snapping to snaplines, click the button again to see the off icon JJ155186.c2d6de68-ef7a-4e33-9e7b-975e37b32f1d(en-us,VS.110).png.

    2. On the Tools menu, click Options. In the Options dialog box, make sure that Artboard is selected on the left, and then select the Snap to snaplines check box. Click OK.

To set snapline margins and padding

  1. On the Tools menu, click Options.

  2. In the Options dialog box, set the Default margin and Default padding properties to the values that you want. The defaults are 5 and 10 pixels, respectively.

  3. Click OK.

    Tip

    You may want to make the Default margin value half of the Default padding value, and the Gridline spacing value equal to one of the others. This ensures that margin and padding snaplines will occur along gridlines.