WebView mouse wheel scrolling issue in Windows 8 - c#

I am using a ListView and a WebView in single page. Now the problem is that I am unable to scroll using mouse wheel in WebView if I keep switching between ListView and WebView. In order to scroll WebView I have to click on it first which I don't want. I found lot of people are facing the same problem but there is no suitable answer. Following are some of them:
http://social.msdn.microsoft.com/Forums/en-US/winappswithcsharp/thread/7f1ac033-eaba-495a-92a5-699acaaa5484/
http://connect.microsoft.com/VisualStudio/feedback/details/753422/webview-in-windows-8-does-not-gain-focus-automatically-when-hovering-mouse-back-to-it
I found out Yahoo mail app in store. It has the similar interface as mine (ListView and a preview) and works flawlessly. There is no problem in scrolling if you switch between ListView and preview. I am not able to find if they are using the WebView or some other HTML control.

Different UI stacks don't usually work well together and Yahoo! Mail is an html app so it doesn't suffer from that problem. If you don't need the WebView to animate you could try switching it to a WebViewBrush when it is inactive and only show the actual WebView when it's updating content. Then you could perhaps handle mouse events on a Rectangle filled with that WebViewBrush by invoking some JavaScript in the WebView to scroll the content. Other than that I think while there might be some other hacks to get it to work perfectly - but it might take you days if not weeks of research that is still likely to fail.

Related

Does Xamarin.Forms MasterDetailPage work with Kindle VoiceOver accessibility

I am revisiting an issue where the behaviour of our app on an Amazon Kindle does not work as expected. When using VoiceOver on an Android device it works correctly on version 5.1, 6.0, 7.0, 9.0 and 10. However, on a Kindle Fire 7 (7th generation) running Fire OS 5.6.7.0 the interaction with VoiceOver is a poor experience.
To rule out our app I have tested using the sample code from https://github.com/xamarin/xamarin-forms-samples/tree/master/Navigation/MasterDetailPage. This displays the same issue which is that the MasterDetailPage hamburger menu is unusable when VoiceView is enabled. On any Android device I can tap on any of the menu options and the screen reader highlight will be displayed correctly.
On the Kindle if you are lucky you might get a random element focused, and then drag the highlight, but this is not consistent.
So does Xamarin Forms MasterDetailPage work with Kindle VoiceView? I have tested from 4.1.0sr5 to 4.8.0 with no obvious change. If the answer is that it doesn't work then at least I know to give up trying.
So the main issue is that VoiceView navigation is not intuitive. You cannot tap on elements but you need to swipe left and swipe right to select whole words. I'm guessing this was based on the ebook controls and was kept consistent with the Fire.
So to navigate the menu you have to tap and then swipe left to navigate up and swipe right to navigate down.
There is still a bug with the MasterDetailPage in that when the Master page is shown the hamburger has focus, but swiping left moves up to the toolbar and swiping right goes down to the back button. That might be possible to work around by unselecting the icon after it has been pressed - something to look at.
For a really good example of how painful VoiceView is do the following
Start the Silk Browser
Do a search so that the browser has a list of pages to click
Enable VoiceView
Attempt to select a link.
Once VoiceView is enabled the only way is to swipe left/right every linked element on the page which is not pleasant at all.

Tile focus display issue

I'm working with a Windows Forms Application (.net/c#)
Using MetroFramework. Home page contains some MetroTiles. I need to focus on first tile when I launch Home page.
I Can do this focus is working fine. but it could show any indication for selected/focused tile at all. I could not find any properties.
In above image back Tile is selected now. but could not identify this as user and when I press 'enter' BACK button functionality is working fine. Same for other tiles also. Please help.
There is no property, but you can use the 'selected' event to change something yourself, like a slightly changed color or drawing a thin line around it.
As far as I know Metro still hasn't a built in a functionality for this case.
So try to use the workaround if possible.

Navigation to another page using swipe gesture (Windows Phone 8)

I've searched quite a lot on the Internet but haven't been able to found the exact thing that I want.
I now that I should be using the Manipulation events such as Manipulation Started, Delta, Completed.
As I said I managed to navigate to another page using swipe combining these three events, but what I actually want is to see THE MOTION when moving from the actual page to another like for example when you swipe from the Official Windows Phone 8 page to the Apps page using a left swipe. Can you please point out on how to achieve such a thing.
http://agilemobility.net/2014/07/windows-phone-8-swipe-gesture/
This page shows an example on how to that, but the motion of moving the current page and bringing the second one is displayed.
I wasn't aware of the following, and yes, Pivot is the answer to my question.
Taken from: https://msdn.microsoft.com/en-us/library/windows/apps/ff941103(v=vs.105).aspx
You can use a custom template named Windows Phone Pivot App when creating a new project. This template will come pre-populated with content and you can modify the template accordingly.
List itemThe Pivot control can be added to the Toolbox in Visual Studio and can be easily dropped into your project.
You can add a Windows Phone Pivot Page to an existing project.

Reordering and Dragging adorners are not visible inside the Flyout

I just tested the ListView control in Windows 8.1 for my Windows Store application. I really like the Reordering and Dragging of Items in the ListView and it is obviously required to use inside the Flyout for my application.
Unfortunately i get some problem with the Dragging and ReOrdering of ListView items when i use inside the Flyout. Begin with, Dragging of Items are working fine as expected in the normal display. If i use inside of Flyout, Dragging adorner is not visible over the Flyout and instead it comes beneath the Flyout.
I have attached the screenshots in the normal and Flyout display.
Sample has been attached in the below SkyDrive link. It would be helpful to you guys to grasp more information about the problem.
https://skydrive.live.com/embed?cid=89346CF5C45CEB8C&resid=89346CF5C45CEB8C%212942&authkey=APwj9svhnGFMqwY
This is not going to be a satisfying answer. I have been struggling with the same issue for a while now. I decided to move the reordering to the top AppBar only to discover that the same issue shows up there too.
I found an existing question on msdn and added my own comment and according to a Microsoft employee this is not a bug but a feature:
http://social.msdn.microsoft.com/Forums/windowsapps/en-US/c1add91a-e887-4d08-a3f8-884ec22239f6/dragged-gridview-item-is-not-visible-when-it-is-dragged-over-appbar
As for a solution:
You can change your design and move the reordering out of the settings flyout into the main screen.
You make your own flyout / top application bar control.

How would you create a page like WP's Mail app's Compose screen?

I'm new to WP dev (and pretty much C# and Silverlight in general) and I've been playing with Textboxes. I found pretty quickly that you can't really scroll a TextBox control.
I've seen some solutions to this on various blogs and StackOverflow posts, and the most popular one seems to be to embed the TextBox in a ScrollViewer, then use some code to make the current input line always visible, like this:
scrollViewer.ScrollToVerticalOffset(textBox.ActualHeight);
This works okay if you have a relatively small TextBox, but if you want to make one that takes up quite a bit of space, you run into problems where the keyboard covers up the bottom section, you can't scroll to the top unless you manually move the cursor up there, etc.
Now the Compose page of the Mail application seems to do this perfectly: a nice big space for text entry where the keyboard never blocks the input, you can freely scroll through the entire pane, it just works really. I've tried various combinations of scrollviewers and textboxes but I haven't had any success in matching its behavior.
Any help?
The default apps are not written in C# using controls accessible in SDK or on the net.
Replication of mail viewer and composer has been tried before rather un-successfully. (Based on similar posts of AppHub - old WP7 forum)

Categories