Reactive default webpage scrolling - Zoom and brush for victorycharts - reactjs

I have been working with victorycharts and it has been very helpful. I have a working chart using the https://formidable.com/open-source/victory/guides/brush-and-zoom/ and the example of having a scatter plot with brush and zoom has been very helpful. I was wondering if there was a way to have the default window scrolling active instead of zooming-on-scroll. I tried using the built in function to deactivate the zoom on scroll, but that just creates a dead zone where nothing happens when the user scrolls.
In summary, I currently have a scatterplot and a brush window that has a mini scatterplot inside of it. Currently I have two options when I scroll inside of the main scatterplot - it either zooms in to a specific part, or nothing happens. What I want is for the scrolling to ignore the scatterplot and be able to scroll inside of the page like normal.

Related

WPF Window HorizontalAlignent Stretch

I have a simple task that I want to accomplish: Have a WPF window launch with a Horizontal Alignment that is stretched to the total width of the current screen. I want to achieve a kind of custom Overlay MessageBox (I dont want to use third party controls such as MahApps), I am not using any third party references for this.
Please see what I have achieved so far (Not sure if the image will show, the link is http://imgur.com/e27DyNJ):
I have tried setting the width with a Controller object that I wrote which works, that basically sets the Width, Height, Left and Top to the width of the primary monitor. Downside is the window then pops up on the primary screen, not on the screen that is currently in use.
As far as I know, WPF doesn't have any multi-screen functions. You could PInvoke some native Multiple Display Monitor Functions, wrap them in a managed class and utilize them in that regard, though.
As a workaround, I have done the following:
var screen = System.Windows.Forms.Screen.FromRectangle(new System.Drawing.Rectangle((int)window.Left, (int)window.Top, (int)window.Width, (int)window.Height));
window.Width = screen.WorkingArea.Width;
window.Left = screen.WorkingArea.Left;
where window is the instance of my window I want to resize.
This works with the current screen the window was opened on.

How do I make Codenameone RSSReader scrolling smooth and less jumpy?

I am using codenameone RSSReader. On the simulator, it is difficult to use as the scrolling is quiet jumpy. if you scroll up, it will scroll and then bounce back to the previous position and it is difficult to select an item that is not within the view window. What do i need to do to make the scrolling smooth and not jumpy.
Set the form to border layout and place the reader in the center of the form.

Transition animiation that shows parts of both pages at the same time?

In my Phone 7 app, I'm currently using the Silverlight Toolkit's transition service to implement transition animations when the user navigates between pages. It's working. But I don't like these animations because they always consist of two phases: the first phase shows an animation between the current page and the background, and the second one an animation between the background and the next page. It seems that most Phone 7 applications have this kind of animations.
What I would like to have instead is a direct animation from one page to another so that during the animation parts of both pages are visible. For a slide animation for example, the old page would move to the left and directly reveal the new page underneath. During the animation, the screen is split: the left part show less and less of the old page while the right part shows more and more of the new page.
How can I achieve that? Is a Silverlight storyboard able to do this?
I did similar research for calendar control and ended with the next solution:
before navigating to the other month, copy current control content
into underlying rectangle (render it to image and use as ImageBrush
to fill rectangle);
set current control content Opacity to 0 so that only underlying rectangle is visible;
create new control content (while it is still with opacity = 0);
start animation. Animation is performed for underlying rectangle and control content opacities and for their RenderTransforms.
when animation completes, clear underlying rectangle Fill property.
It's the idea. All storyboards can be defined in xaml, but animation handling requires some code.
I'm not sure whether it is applicable to your case, maybe you need something like Book control.

Custom variantion wp7 slider

How would you guys go about creating a slider where the thumb stays centered, but the image or background of the slider slides with a slide gesture.
The only real example I could find is here, in the second screenshot:
http://www.windowsphone.com/en-US/apps/5ffe35e4-8e43-e011-854c-00237de2db9e
Basically the slider "thumb" would stay in place, but the numbers on the scale move with a finger swipe.
Just looking for some direction here on how you would approach this. What control would you recommend I start with? Or would it be easier to create a custom control?
I haven't tried it but a slider might be too hard because of the way it is constructed; the area/scale that you want to slide consists of two repeat buttons and those do not easily slide. So it might be best to NOT use the slider because the code of the Slider class expects these template parts to be present.
I'd try with plain, templated control. The thumb is pure decoration. I'd add the 'scale' in a scrollview without scrollbars.

Center a Silverlight modal popup in a canvas that is larger than the screen

I currently have a Silverlight canvas that exceeds the viewable area of the screen (I'm letting the users drag the viewable areas around to navigate). I'm trying to display a modal popup that always shows up in the middle of the viewable area, and I can't seem to find any property that tells me what currently is on the screen. Basically if the user has panned down to the bottom and clicks something that causes a modal popup to appear it is stuck at the far top of the screen.
Any ideas anyone?
Thanks
~Steve
I don't think this is possible since the visibility isn't being surfaced. Perhaps with some fun JavaScript to figure out where the panning is?
Quite true. I wound up creating a holding canvas, making that full screen, and putting everything else as a child canvas within that. The modal popup now comes up in the holding canvas.
Gabriel GuimarĂ£es one works good.
App.Current.Host.Content.ActualHeight(and ActualWidth) does bring the browser size inside. Good for calculating position. And of course you can use LayoutUpdated on your main control to double check the sizes and resize stuff if need be.

Resources