Visual Studio windows Tile and cross questions - visual-studio

I've recently (about 3 months ago) started using Visual Studio 2017 Community, v15.6.2. Questions that stump me:
1) How do I get all my windows to be tiled and remain on-screen as I move from one window to the next? At the moment I could have two or more windows in the workspace. As soon as I click on one to work in it, the others disappear. Don't know how to fix it!
2) What is that cross that appears in the center of the workspace when I am busy moving windows around. Cross seems to have arrows and made up of blocks by the looks of it.
3) How do I get the Properties Window to be vertically tabbed on the rhs side of the workspace? i.e. if I click on the Properties tab the Properties window appears, else it is not visible.
Thanks in advance.

By default only one code file is visible in VS. To see multiple code windows at once you can create several tab groups or float document windows outside the IDE. Another option is to use my Task Canvas extension - after you add code files or fragments to the Task Canvas window they are automatically tiled.
For the guide diamond and other window management options please refer to the Customize window layouts in Visual Studio documentation.

Related

Missing button to add storyboard in Visual Studio Blend

In Blend, for some reason, I don't see the storyboard option PLUS sign button (#5) as described in this document link under section "Tour of the Objects and Timeline panel"
https://msdn.microsoft.com/en-us/library/jj171012.aspx
Basically I have the whole row with 2 - 5 missing and as a result I see the objects & timeline tab and right below in 'Page'.
I found out this feature was remove in an update. Is there a work around to create animation like I could w/ the storyboard like this guy is doing starting at 3:20?
I attached my screen shot.
This is a known issue. You could see it from Visual Studio Developer Community Blend storyboards missing ("Objects and Timeline")
As far as the missing storyboard UI is concerned, we do not support most Blend features like this in the new designer that you get when you target RS3 (10.0.16299).
So, as suggested by Marco Goertz, the workaround is you could temporarily retarget your app (lower to at least "Anniversary"), then the storyboards will show up again.

How can I increase the scrolling sensitivity in Visual Studio?

I've encountered a weird issue in which that the mouse wheel scrolling sensitivity when browsing code is slow, but however when I open an older project the mouse's scrolling speed is normal.
If I create a brand new project, scrolling speed is normal.
It should be like this:
..but is instead like this (from an older project):
I've looked around but however the only results suggest increasing the DPI on the screen, but however this can't be right since the scrolling speed differs between projects on the same computer.
How can I reset the scrolling speed of my project's code back to normal?
Turns out that it's an issue related to Windows 8, 8.1, and earlier versions of 10.
I had set the scrolling speed via PC Settings, but however (for some unknown reason) there seems to be two separate settings for the mouse scrolling speed: one for PC Settings and one for Control Panel.
This issue is simple to resolve; simply adjust the mouse's scrolling speed via Control Panel instead of Settings. Doing this also seems to change the PC Settings' value also.
This is no longer an issue with Windows 10 since the November 2015 update, with Visual Studio 2017. It is present in Visual Studio 2019, to fix this you'll want to refer to Swifty's answer.
This problem is still happening in 2020. I'm using VS 2019 Community with the latest Windows 10 update. I had to go here in the Options dialog to change the scroll speed.
Tools >> Options... >> Text Editor >> Advanced >> Scrolling sensitivity
From there, you can adjust the vertical and horizontal scrolling speeds.
I've encountered that issue, too. On my machine (a notebook), it appears to happen under the following circumstances: I open VS2017 without external monitor first. When I then plug in the external monitor and move the VS-window onto there, then the scorlling-speed is super-slow. Closing and reopening VS solves the issue in this situation. Probably, opening a new project will also reset VS appropriately, so this might be a viable explanation.
Go to the registry editor
Navigate to Computer\HKEY_CURRENT_USER\SOFTWARE\Elantech\SmartPad
Then set the scrollControll_mode value to 1.
Via Reddit

Dynamically changing the look of a WinRT javascript app

You know when you create a web app, you can hit F12 from your browser and be able to edit things such as style sheet, remove dom elements etc. on the fly.
This makes for a quick turn around when developing a UI. A real time saver!
Otherwise there's a lot of compile, deploy and clicking click to get to the area you wanted to test. And if the area you're testing is at the end of the workflow, the pain is that much more. I find doing this to be frustratingly time consuming when all you want to do is just change the font size to make it look "better".
Is there any tool similar to that in WinRT environment? Is this just the nature of Mobile App development or is there something out there (regardless of platform) that allows you to edit the UI on the fly?
Yes, you have several options available to you.
First, Blend for Visual Studio--which is installed with Visual Studio Express for Windows--is a great styling tool. It shares the same project structure with VS, so you can have both running at the same time. In VS, in fact, right-click a project in Solution Explorer, select Open in Blend, and there you are.
Blend actually loads the app and executes the JS code, so all dynamically-created elements are also in place. It has an Interactive Mode as well that lets you go into the running app, navigate and set state as you want, then exit that mode and work on styling. For more, I have a video in my book (first edition | second edition preview) that shows the basics of Blend--you can specifically go here and check out Videos 2-2 and 5-3 from the second edition). Chapter 2 gives a little intro in the text as well.
The other two options are in Visual Studio itself.
First, when an app it running there's a command Debug > Refresh Windows Apps (F4) that will reload the HTML and CSS without restarting the app. I use this to reload changes for exactly the reasons you mention. This same command is on the toolbar just to the right of the pause/stop/restart buttons.
Second, a running app will have a DOM Explorer pane in the debugger. If you don't see it, use the Debug > Windows > DOM Explorer command to open it. In that pane you can navigate the DOM tree (like you can in Blend's Live DOM pane) and locate the elements you care about, or you can use the leftmost button in the DOM Explorer to go select and element directly in the app.
On the right side of the DOM explorer you then have tabs for Styles, Trace, Computed, Layout, and Events. You can make changes directly in the Styles pane and they're applied immediately. I use this all the time, in fact, to try out things.
I have a 2 minute video in my book for this as well, see here. Some docs are on http://msdn.microsoft.com/en-us/windows/apps/hh696632.

Why is my Visual Studio taskbar Icon animated

The icon for Visual Studio on my Windows 7 taskbar is animated with a green bar moving left to right. What does it mean, and how can I stop it?
http://i.imgur.com/v1AEcue.jpg?1
I've not got any extensions installed, but I do have resharper (version 7 until I can afford to upgrade). I can't find anything relevant through google, and I can't see an option in the options panels.
The animation is used to represent progress. It's the same as for file copies (for example). I've seen ReSharper do this while running unit tests. Perhaps that, or maybe another extension?
I know this is an old post, but I am still experiencing the issue where the animation persists even though the tests have long finished (with VS2015 and Resharper 2016.1.2).
One way to get around this problem is to disable taskbar animations altogether:

Visual Studio IDE layout tips

I've never found an "ideal" layout for coding in Visual Studio. I have a three-monitor setup, but it seems that the solution explorer/properties/output/errors/whatever panes are always getting in the way or hogging screen space. It's a bit open-ended, sure, but do you have an "ideal" layout with the myriad of floating/dockable/anchored setups for specific windows? For instance, I like to split vertical code panes between two screens, and typically the solution explorer is anchored to the right of the right-most code pane, but that chews up screen real estate that I'd rather have for the code. I was thinking of floating those sorts of things off to another screen.
Apparently VS 2010 will do a LOT more for multi monitor setups. ScottGu went over this at DevConnections 2008, and a few more times, usually wherever he goes.
I got the impression that the MDI or tabbed codefiles might be able to be detached from the IDE, and float/draggable onto another monitor.
As it stands today in VS 2008, Solution Explorer, Immediate Window, etc are detachable and be able to float onto another monitor, separate from the main IDE.

Resources