I've been trying to track down a problem in our application where a window created with a WS_VSCROLL style ends up with a misaligned vertical scrollbar on Windows 7 when the ribbon is enabled.
I've built the SimpleRibbon SDK sample with WS_VSCROLL on the main window styles and it exhibits the same behaviour. So it looks like some underlying problem rather than something in our code.
Interestingly, this only occurs on a hardware Windows 7 box running Aero Glass. A VM Windows 7 or an RDP session onto the Windows 7 machine does not have the problem!
I've uploaded a picture here - look at the top right corner of the window
http://www.house-on-the-hill.com/2010/capture.jpg
Any help appreciated
JF
Related
I have a user who is using my web app on a Surface Pro 4. The app doesn't render very well. The best way I can describe it is that it appears the browser window has been resized to a small size and it's trying to bunch stuff up. However, I believe he has his browser maximized.
Since I don't have a Surface, I've been trying to get both Chrome and Edge to emulate the rendering issues. Here's what I've tried:
Edge: Has a preset for the Surface Pro 4. I figured that once I selected this mode I would see the problem. It's actually the opposite situation. I actually have to expand the browser window to multiple displays to be able to see all the content (even the browser scrollbars). I suspect that's due to the Surface having a higher resolution than my PC.
Chrome: No preset for the Surface and I couldn't find anyone who had the specific settings. I tried 2738 x 1834 and all three of the built-in pixel ratios (1.0, 2.0, 3.0). Chrome zoomed out so that it all fit on my screen. It also had no rendering issues. Changing pixel ratio made no difference.
I'll admit that web UI development is not my strong suit. And it doesn't help that I inherited a lot of this code. But I'm really scratching my head here.
If I try to emulate with a phone preset, then I can see rendering issues because the app isn't phone friendly, nor does it really need to be. That seems to suggest the emulation in the browser is working fine. What's left? The only thing I can think is that he must be using some kind of scaling that's messing things up.
Also, I should note that I had a friend with an iPad (Sorry don't know what model) try the app out as well and he also sees the same bad rendering issues. In fact, he thinks it's rendering worse than the Surface.
Edit 1:
I put together a test page that shows the header from our app. It is here: https://app.astrolabe-analytics.com/surfaceTest
Here are screenshots of the various displays being tested:
Here is Surface Pro 4 Hardware - Notice buttons are wrapping
Next one is iPad Hardware (I don't believe it's the pro version)
Then here is the way I have Chrome set up to emulate the Surface Pro
Surface Pro 4 emulation in Edge. Note that I had to extend the browser window onto my second monitor to take the screenshot.
Finally, the standard appearance in Chrome
It seems that the emulation works well on my side. please check the following screen shots:
Edge emulation for iPad,
Edge emulation for Surface Pro 4,
Chrome emulation for iPad:
Chrome emulation for Surface Pro 4:
Besides, I also found that if we resize the browser window (change the width property), if the width is too small, the text will wrap or disappear. Please check this image:
So, I suppose the issue is related to the CSS style, as a workaround, you could try to set fixed width property (or using the min-width property) for the navbar-nav class, also, you could refer to the following links to use Bootstrap navbar styles:
Bootstrap Navbar
Angular Bootstrap navbar
I have a little problem. When i enable dev tools and mobile screen emulation with touch emulation, a grey circle cursor should be for my cursor, but i, for some reason do not see it, while cursor is on screen (no cursor totally). However, it would be visible on screenshot (why?).
Environment :
Chrome version : 48.0.2564.109
Windows version : 8.1 x64
Finally i solved this problem! This is also adresses to a problem with drop shadow from windows and cursor. I have an intel core i5 6xxx, which has some problems with it. I am sorry, if my translation is not good enough.
Solution: Open your intel graphics settings, then, go to advanced and enable full sample range. Then open color settings and go advanced and disable YCbCr.
I got pictures in the isolated storage and i want to display them as well as the WINDOWS PHONE APP does.
I would like to reproduce the same effect that the Windows phone app does when you open the camera roll and you scroll through the images..
I find it particularly difficult because of the image orientation (horizontal and the vertical ones). I fit the vertical ones, but as soon as there are an horizontal picture any fit procedure fails!
Example?
thank you
Take a look at the MediaViewer class in the Silverlight Basic Lens sample. http://code.msdn.microsoft.com/wpapps/Basic-Lens-sample-359fda1b
I'd like to open up a new chrome window (not tab) and have it take focus in its address bar immediately.
It works when pressing CTRL+N to open the new window (presumably from the current process) but not when clicking the Icon in the quick launch bar or on the desktop (thus launching a new process).
Then it just opens up, comes to the front, cursor blinking in the adress bar, but it does not have focus there. Typing sends the input to desktop I believe since no open program seems to have the focus then. This is particularly annoying when I was working with a different program and want to have a new browser window.
My Chrome version is 23.0.1271.97 on Windows 7 x64, and as far as I remember it worked fine until version 17.
I just published a small Chrome Extension which aims at solving this bug! So far it worked great for me (on Window 7 64-bit).
You can find it here: https://chrome.google.com/webstore/detail/chrome-new-window-focus/opmhcfhkhiodgapmnaolhmekmfihmecp
Let me know if you encounter any issues!
Cheers,
Yuvi
I'm running Ubuntu (12.04.1 LTS) using VirtualBox (4.1.14) on a Windows 7 host machine. It seems that, using Chrome (21.0.1180.89), CSS transformations are causing the browser to lock up in a strange fashion.
This can be tested using this page: http://benmurden.com/css3test/css3test.html
In short, it looks like the "content area" of the browser, that is, anything apart from the URL bar, tab list etc. stops rendering during or after a CSS transformation and becomes "stuck" on top of every other open process. I can still close the offending tab or the browser itself since that area of the browser is fully responsive. I can even switch to another process and it will be partially visible under the "stuck" content area on top of it.
I meant to take a screen cap to demonstrate this particular effect but after locking up Chrome in this way and switching to a text editor behind it, only the text editor was fully visible on the screen cap and the locked-up Chrome was nowhere to be seen. This leads me to believe this might be a problem with VirtualBox rather than Chrome itself. Then again, there is someone sitting next to me with a nearly identical setup: Same type of machine running Chrome on Ubuntu using VirtualBox with identical versions of those three and he does not experience this issue.
I am unable to reproduce this on any other browser and host/guest combination I'm currently using. Those are:
Firefox (15.0.1) on Ubuntu
Firefox (15.0.1) on Windows 7
Chrome (21.0.1180.89) on Windows 7
Please let me know if there's any other information I could supply that would be of use.
Thanks!