# Pan on Drag and Zoom on Wheel Windows in Ignition vision client

**URL:** <https://forum.inductiveautomation.com/t/pan-on-drag-and-zoom-on-wheel-windows-in-ignition-vision-client/108028>\
**Category:** Ignition\
**Tags:** vision, ignition81\
**Created:** [July 2, 2025, 6:54am UTC](https://forum.inductiveautomation.com/t/pan-on-drag-and-zoom-on-wheel-windows-in-ignition-vision-client/108028 "2025-07-02T06:54:10Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![indi](https://avatars.discourse-cdn.com/v4/letter/i/f475e1/32.png) [@indi](https://forum.inductiveautomation.com/u/indi)\
**Post date:** [July 2, 2025, 6:54am UTC](https://forum.inductiveautomation.com/t/pan-on-drag-and-zoom-on-wheel-windows-in-ignition-vision-client/108028/1 "2025-07-02T06:54:10Z")

</div>

Is there feature for zoom in and out a window in Ignition vision client?

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [July 2, 2025, 2:12pm UTC](https://forum.inductiveautomation.com/t/pan-on-drag-and-zoom-on-wheel-windows-in-ignition-vision-client/108028/2 "2025-07-02T14:12:55Z")

</div>

Not that I'm aware of, but I've considered attempting to build one.

The way I see it is if the window were templetized, it could be rendered by a template canvas, and I imagine a mouse wheel listener could be programmed to adjust the coordinate and dimensional parameters of the canvas's parameters dataset to create a zoom effect.

For panning, a mouseDragged event could simply move the viewport's view position within canvas's scroll pane.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [July 2, 2025, 2:55pm UTC](https://forum.inductiveautomation.com/t/pan-on-drag-and-zoom-on-wheel-windows-in-ignition-vision-client/108028/3 "2025-07-02T14:55:43Z")

</div>

> [@justinedwards.jle](#):
>
> attempting to build one.

I've done this, as a 3rd-party component, as a proof of concept. There is a huge barrier in execution due to the designer tree using some component interfaces that should be only runtime. I've detailed a solution to IA, but it hasn't been a priority for them.

> [@justinedwards.jle](#):
>
> adjust the coordinate and dimensional parameters of the canvas's parameters dataset to create a zoom effect

I've also done this. Works pretty well. You do have to make sure the templates don't consume the scroll wheel events.

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [July 2, 2025, 11:58pm UTC](https://forum.inductiveautomation.com/t/pan-on-drag-and-zoom-on-wheel-windows-in-ignition-vision-client/108028/4 "2025-07-02T23:58:57Z")

</div>

> [@pturmel](#):
>
> make sure the templates don't consume the scroll wheel events

A glass pane could simplify this. The overlay could intercept the event and logically decide whether to trigger the zoom or dispatch the event to the underlying components. I imagine this would be handy if the template contained nested components with scroll panes. In this way, the user could control the inner components normally and simply hold a command key pressed to enable the zoom function as needed.