# CTRL Scroll Zoom within the UI

**URL:** <https://discourse.nodered.org/t/ctrl-scroll-zoom-within-the-ui/46889>\
**Category:** Core Development\
**Created:** [9 June 2021 06:32 UTC](https://discourse.nodered.org/t/ctrl-scroll-zoom-within-the-ui/46889 "2021-06-09T06:32:41Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![dougle03](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dougle03/32/32979_2.png) [@dougle03](https://discourse.nodered.org/u/dougle03)\
**Post date:** [9 June 2021 06:32 UTC](https://discourse.nodered.org/t/ctrl-scroll-zoom-within-the-ui/46889/1 "2021-06-09T06:32:41Z")

</div>

Morning Devs.  
Any chance there is an item on the roadmap to change the way the UI Zooms in and out?  
When I hit CTRL and scroll the mouse wheel the entire application zooms in and out (This also affects other sites hosted on the same basic URL in Chrome).  
I use a number of other web based applications where CTRL scroll will only zoom the interface work space leaving the UI furniture at the browser scale level.

I know this is not the most exciting update, but would be great to standardise CTRL zoom to many other web applications. As a bonus, would be great if the zoom focus point followed the mouse (Like it does in Google Maps)  
Many thanks.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [9 June 2021 07:21 UTC](https://discourse.nodered.org/t/ctrl-scroll-zoom-within-the-ui/46889/2 "2021-06-09T07:21:12Z")

</div>

Hold ALT while scrolling.

---

<div class="post-metadata">

**Author:** ![dougle03](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dougle03/32/32979_2.png) [@dougle03](https://discourse.nodered.org/u/dougle03)\
**Post date:** [9 June 2021 07:46 UTC](https://discourse.nodered.org/t/ctrl-scroll-zoom-within-the-ui/46889/3 "2021-06-09T07:46:06Z")

</div>

Excellent.  
Although any chance the zoom point can follow the pointer position?

---

<div class="post-metadata">

**Author:** ![cymplecy](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/cymplecy/32/2773_2.png) [@cymplecy](https://discourse.nodered.org/u/cymplecy)\
**Post date:** [9 June 2021 09:20 UTC](https://discourse.nodered.org/t/ctrl-scroll-zoom-within-the-ui/46889/4 "2021-06-09T09:20:52Z")

</div>

Bloomin heck! How long have we been able to do that! 🙂

Also, is there a way of resetting to 100%?

[edit drat - it doesn't work over VNC into my Pi ☹  
But the buttons do - I didn't realise they just zoomed the editing area 🙂 ]

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [9 June 2021 09:22 UTC](https://discourse.nodered.org/t/ctrl-scroll-zoom-within-the-ui/46889/5 "2021-06-09T09:22:18Z")

</div>

> [@cymplecy](#):
>
> Also, is there a way of resetting to 100%?

Either `Ctrl-0` or click the `O` icon in between the zoom in/out buttons:

![Node-RED](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/0/203d4a8d0b2078d54e1bc6da9c87cacf69eea615.png)

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [9 June 2021 10:13 UTC](https://discourse.nodered.org/t/ctrl-scroll-zoom-within-the-ui/46889/6 "2021-06-09T10:13:23Z")

</div>

> [@dougle03](#):
>
> any chance the zoom point can follow the pointer position

Well potentially something could be done - but it's non-trivial. Also when you zoom out the top left of the canvas has to stay where it is so effectively the mouse (in 95% of cases) would effectively move down and right (as the view shrinks towards top left) - so then zooming back in (when you accidentally went too far) would zoom back in over that new point which is not what you want either.

If anyone wants to play and offer up a potential solution the zoomView function in view.js is the place to look.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [23 June 2021 10:13 UTC](https://discourse.nodered.org/t/ctrl-scroll-zoom-within-the-ui/46889/7 "2021-06-23T10:13:29Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.