Sometimes the navigation when working with screens/blocks/actions on service studio can be difficult, specially when they get quite big that can't fit totally in the screen. 

It would be handy to have some navigation tools to navigate on the screen/block/action just like a photoshop canvas.

1. A hand tool to drag the screen (or action) and navigate around, in photoshop it's triggered trough spacebar, but I have seen other programs using the the mouse's middle click + dragging. Currently it's possible to use the mouse wheel to vertically scroll, but not horizontally (not even holding the Shift key) it works only with entity diagrams, and using the scroll bar every time is quite annoying and time consuming.
2. A zoom tool to zoom in and out on the canvas, it could be triggered with the default Ctrl scroll. Currently it's only possible to do it on actions.

It would be great to see both of these tools working the same way with screens, blocks, actions and entity diagrams consistently.

For zoom you already have this

But if you need to pan and move a lot because you have big logic, you have another problem and that is that you put too much logic in one action.

Sometimes I am developing an screen and it goes across the web page editor border. So I have to guess where the gadgets are and access them using the widget tree. If I could zoom out as the same way in the action editor, would be better to do my work.

Sometimes I might be working on finer details of a screen (mobile). Would love the ability to zoom in on the screen.

I second this. The Zoom option is greyed out while working in mobile app view, ironic considering the smaller form factor and screen real estate.

Hi community, 

In the view tab in Service Studio, It would be useful to define specifically the zoom percentage instead of just having percentage ranges [25,50,75,100,125,150,175,200]%. In some cases i want to define like 90% to see the whole entities created or actions logic.

Sometimes it's frustrated.

I support that. And in addition it would be great to have a zoom icon in the Service Studio Icon Bar, so I created an additional idea:

Zoom Icon in Service Studio Icon Bar

It would be incredibly useful to implement navigation on the main editor using a hand tool (spacebar + click and mouse drag) to move the drawing flow how is done with image editing software.

I know it is good practice that there are no long flows, but in some cases this is necessary.

This feature would be an improvement , associated with the zoom-in zoom-out already present in the service studio for the main editor.

INSTRUCTIONS:

Hold down the spacebar on the keyboard
The mouse pointer will change to a hand image
Click and drag to move main editor as desired

Nice idea, i worked with software wich had this feature and became very handy :) 

Exactly, this is something I was also missing in service studio.

Hi,

As an outsystems developer, I find dificcult to understand sometimes which are the elements present in the each screen, when I am on the service studio. Often, the widgets in each screen, are presented one on top of each other and my only alternative is to go to the widget tree, in order to understand what is actually on the screen.

Therefore, I believe that if we had an option to zoom in and out the screen view, it would be easier for the developers and therefore faster to deliver the work to the customer.

Thank you,

Ricardo

It seems like a great Idea, it does not solve the issue all the time but for few elements like the if we can keep a single branch on the UI to better understand, also for few elements we can turn off and on the display property.

I feel you have already known all those, its a valid point that you have made. Although, just to mention I many a times find developers trying to implement CSS in the service studio for which they should  be using browser debugging.

Just to add to what you said I also find the scroll slow on such heavy screens in the service studio. :)

Yes it will helpful for heavy screen in the Service Studio but Zoom in &  out are available in the flow screen.

I was thinking about the possibility of a full zoom using "ctrl +" and "ctrl -" just like in Visual Studio.
The O.S interface is very big, even for 1080p screens, if there was this functionality it would be perfect!

Would it be in the interface part? Because in the logic tab we already have this functionality

sorry I do not know how to explain right, but if you have vs code installed, try to press "ctrl + +" and "ctrl + -" to see what I mean. =D

Hi!

After learning OutSystems and beginning to work on bigger and bigger projects I feel like there should be a way to move around inside of actions easier. Scrolling is ok but what if there was a way that you could move around with the mouse?

An easy solution would be that you press 'Spacebar' and that enables you to move around freely with the mouse. I know for a fact that it would speed up things quite a bit, at least for me! Do you agree? :) 

Best regards,

Steven.

Within actions you can already move freely with the mouse.

If your mouse has a scroll wheel that can be clicked (or a 'middle mouse button'), you toggle between normal scrolling and panning when moving the mouse.

I don't know if this is suitable enough for you.

I do would like to see any visual indication that we are in the 'panning' mode, just like you get within other browsers/applications.