Ability to zoom in and out in the main window in order to have a better control when inserting or moving elements.
2296
Views
45
Comments
On our RadarOn our Radar
Service Studio
Ability to zoom in and out in the main window in order to have a better control when inserting or moving elements.
Hi Hélio,

Just try to do a ctrl+mousewheel up/down and you'll be surprised! ;)

Cheers,
Hermínio
2019-11-12 17-31-26
Justin James
mvp_badge
MVP
And CTRL + 0 returns you to the default zoom level.

J.Ja
I think that only works when you are in the Entity diagram pane, not when you are in the "Interface" tab (when in the "interface" tab, the menu option "Menu"-> "Zoom" is disable) .What I would like is to have that exact same functionality everywhere.
2019-11-12 17-31-26
Justin James
mvp_badge
MVP
Helio -

It works when you are editing Actions.

If you are trying to zoom in on the WYSIWY(kind of)G editor for Screens, a much better approach is to use the tree view (the most hard-to-find feature in the editor...).

In the top right corner of the screen editor, between the "breadcrumb" trail showing what page you are on and the Flow/Screen tree, there is a symbol that looks like "< >". Clicking that brings up a tree view of the Screen elements, and it is SO much easier to work with that instead of the screen. I usually just use that now to work. All of the right-click actions that you can use on the screen (like "Swap" for If's, "Insert Widget", etc.) work in the tree view, you can drag/drop from the toolbox on the left into the tree view, etc.

It's a lot easier to work with that view for correctly nesting, positioning, etc. elements on the screen then trying to get the WYSIWYG editor to do what you want.

J.Ja
Hi JJ, that's what I use (the widget tree) but still I think it is better to drag and drop the elements in the pane more or less like you to in Adobe photoshop.
Hi,

And you can use CTRL+W as a shortcut to show/hide the Widget Tree

Cheers,
JA
2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP
Merged this idea with 'Add navigation tools with shortcuts for service studio canvas' (created on 29 May 2021 23:16:19 by Edgar Fabiano)

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.

2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP

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.

I know it works for actions and even for entity diagrams, but not for screens and blocks on the canvas. The idea is for a consistent behavior through all of them :D
A pan and a zoom tool for a big screen is very useful indeed.

2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP
Merged this idea with 'zoom in/out the web page editor' (created on 15 Aug 2017 07:02:39 by Luciano Schiavo)

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.

I completely agree.  I am currently working on adding a bunch of labels and fields.  With the low contrast, I am having to put my nose up to my monitor to see if some things are aligned correctly.

2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP
Merged this idea with 'Ability to zoom into Screen mode' (created on 15 Apr 2019 22:25:17 by Abby Schmitz)

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.

Changed the category to
Service Studio

Hi All,

This is not just a problem for mobile, it also is applicable for web. 

Adding the ctrl + Mouse weel would be nice as well

br 

2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP
Merged this idea with 'Zoom in and out in Service Studio' (created on 05 Mar 2020 13:11:47 by Pedro Santos)

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

Changed the category to
Service Studio
2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP
Merged this idea with 'Navigate through the main editor using the "Hand Tool"' (created on 20 Dec 2019 13:29:15 by Jefferson Miranda)

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 :) 

2020-03-01 17-52-33
Nikhil Gaur
mvp_badge
MVP

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

2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP
Changed the category to
Service Studio
2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP
Merged this idea with 'Zoom in/out screen in Service Studio' (created on 07 Dec 2020 11:40:35 by Ricardo Figueira)

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.

2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP
Changed the category to
Service Studio
2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP
Merged this idea with 'Zoom In and Zoom Out in the entire interface' (created on 26 Apr 2022 03:35:25 by Elvis Sousa Brandão)
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

I still couldn't understand your idea, and the logic tab is already implemented


2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP
Merged this idea with 'A way to move around easier inside of a actions etc' (created on 04 Aug 2022 13:17:10 by Steven Erixon)

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.

2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP
Changed the category to
Service Studio

Thanks @Daniël Kuhlmann  for merging this with another idea, but I am afraid this is not the same thing as I meant. I am not talking about zooming in and out. I'm talking about moving around (left right, up and down) with ease. 


If you have ever used any of the Adobe programs (Photoshop, Illustrator, XD etc)  you will know what I am talking about. Hold Spacebar and your cursor will turn into a hand that lets you move around super duper easy! :) 

@Jeroen Bindels Hey! I get what you are saying but I don't think it's good enough. I've never had that type of mouse. :D


It would be so nice if you could just hold spacebar and then move around freely within the action. Just like in all of the existing programs from Adobe :)

 @Daniël Kuhlmann also, would you mind making my idea original once again and not merged? since it's a completely different feature I'm talking about! Thank you!

2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP

I moved all ideas around zoming and panning into one idea, your idea is listed in this thread too. Only like this there is a significant visibility to outSystrems. Better one idea around zooming/panning with many likes that likes scattered around many similar ideas.