---
title: "PanNavigator Class"
canonical: https://www.graphicsmill.com/docs/gmwc/T_J_GraphicsMill_PanNavigator.htm
archived: true
applies_to:
  - product: "Graphics Mill Web Controls"
---

**You’re viewing documentation for an outdated product.** Graphics Mill Web Controls is no longer part of Graphics Mill. For current design editing and rendering tools, see [Design Atoms .NET](https://customerscanvas.com/docs/on-premises/design-atoms-cs/), [Design Atoms JS](https://customerscanvas.com/docs/on-premises/design-atoms-js/), and [Design Editor](https://customerscanvas.com/docs/on-premises/design-editor/).

# PanNavigator Class

**Applies to:** Graphics Mill Web Controls · **Archived documentation**
 
This client-side class corresponds to the [PanNavigator](https://www.graphicsmill.com/docs/gmwc/T_Aurigma_GraphicsMill_AjaxControls_PanNavigator.htm.md) server-side control.
 
**Namespace:** [GraphicsMill](https://www.graphicsmill.com/docs/gmwc/N_J_GraphicsMill.htm.md)
 **Assembly:** Aurigma.GraphicsMill.AjaxControls (in Aurigma.GraphicsMill.AjaxControls.dll)
 
## Syntax
  
```
GraphicsMill.PanNavigator = function();

Type.createClass('GraphicsMill.PanNavigator',GraphicsMill.UserInputController);
```
 
## Remarks
  
This class represents a navigator which is used to pan the content inside the [BaseViewer](https://www.graphicsmill.com/docs/gmwc/T_J_GraphicsMill_BaseViewer.htm.md) control.
 
When this navigator is attached to the [BaseViewer](https://www.graphicsmill.com/docs/gmwc/T_J_GraphicsMill_BaseViewer.htm.md), it is working in the following way:
 
1. When the left button of the mouse is pressed down, it captures the control.
2. When control is captured and the mouse is moved, the content is panned together with mouse pointer. The callback from the server occurred only if user stops moving at least for one second.
3. When the left button of the mouse is released, the mouse control is dismissed.

You can attach this navigator from client-side code using the [BaseViewer.navigator](https://www.graphicsmill.com/docs/gmwc/P_J_GraphicsMill_BaseViewer_navigator.htm.md) property.
 
## Inheritance Hierarchy
  
- Sys..Component
    - *+* Sys.UI..Control
        - *+* [GraphicsMill..UserInputController](https://www.graphicsmill.com/docs/gmwc/T_J_GraphicsMill_UserInputController.htm.md)
            - *+* GraphicsMill..PanNavigator
   
## See Also

### Reference

- [PanNavigator Members](https://www.graphicsmill.com/docs/gmwc/AllMembers_T_J_GraphicsMill_PanNavigator.htm.md)
- [GraphicsMill Namespace](https://www.graphicsmill.com/docs/gmwc/N_J_GraphicsMill.htm.md)
- [Aurigma.GraphicsMill.AjaxControls..PanNavigator](https://www.graphicsmill.com/docs/gmwc/T_Aurigma_GraphicsMill_AjaxControls_PanNavigator.htm.md)