Taking save/download screen/creating an image using knockout.js - image

We have an mvc app built using knockout.js and there is a outer frame and then it has several panels inside. They use high charts too within the panels.
What I have don't know is how to do download image/screen when a user clicks a button from the outer frame or even from on the panel, of an existing panel after its loaded . I can raise an event when the button is clicked but now I don't know how to capture the already loaded panel and then convert it into an image file.
Any ideas?
Thanks in advance.
Sarah

Related

How to create a signup form in a popup in Xamarin Forms?

I was willing to place a popup for a signup form just like a dialog fragment in the xamarin android.
https://developer.xamarin.com/guides/android/platform_features/fragments/part_3_-_specialized_fragment_classes/
I had spent much time researching for this but failed to create one. My intension is to take the input from the popup created and hit a API in the background showing the loader and in success i like to close the loader and the popup used to take data from the user. Can any one help me out doing this in xamarin forms.
Use Rg plugins popup, link for reference https://github.com/rotorgames/Rg.Plugins.Popup

Load image from URI into Button in Xamarin.Forms using FFImageLoading

Is there any way to load Image into Xamarin.Forms Button from URL?
It seems that button itself only support FileImageSource.
Sure, I can download image and then manually put it into Button, but I hope someone has done this already in reusable fashion :)
You can add Tap gesture on a image instead of button
https://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/gestures/tap/
Try putting Image control inside a frame control which will give a better view like button with drop shadow if you prefer. Plus use the Tapgesture

Create Page custom animations in Windows Phone 8.1 (Windows Runtime)

I would like to develop some animations for my pages or my page content. The approach of which one I should follow is unclear to me at the moment and I'll try to explain why.
What I'd like to achieve is to create a page (or page content) animation with a slide-in from right when navigating to the page and slide-out to left when leaving the page.
The slide-in part can be achieved with ContentThemeTransition from TransitionCollection. But what about the slide-out part?
I can't seem to know or find any good timing regarding when to fire a slide-out animation just before the page is about to be left.
I'dlike not to apply any animation to the page in such way that WP does by default (with some jump-out, jump-in effect). I'd like to be like BasicPage from templates with no animation but with custom animated content upon page enter and page leave.
How could this be achieved?
Thanks in advance.
I assume you are navigating from the page via tapping a button or something similar. Why don't you create a storyboard animation, start that from the Click event handler of the button, and call Frame.Navigate() when the animation has finished playing?

App Inventor 2 - WebViewer detecting changes

I am trying to integrate MobPartner ads in my app, the ads from MobPartner can be displayed from "Pools" which contain several ads which automaticly scroll sideways and are set which an individual click link. The page with the ads looks like this, when I set the URL of the WebViewer in AI2, the ads display and scroll as they should.
The problem I have is detecting a click on one of the ads, this is the best I got to:
If a user would click on one of the ads via the WebViewer it will redirect them to the automatic URL set by the advertiser. I will then use the link and set ActivityStarter to WebViewer1.CurrentUrl and start the website full screen instead of the ad resolution (320x48).
I would like to know if there is a way to detect any clicks within WebViewer so that I can start ActivityStarter faster with the link. If not, is there a way to check the URL of the link clicked in WebViewer before the target website loads. In my opinion the timer (set to 1000 interval) is an inefficient way of checking if an ad is clicked. Anyone able to answer my questions above or provide a way of improving this code? Much appreciated.
PS: The HomeUrl for WebViewer has been pre-defined in the designer as well as the ActivityStarter "Action".
Thank you!
There is no possibility to detect any clicks within the Webviewer. The only thing you can detect is an URL change with the Clock component, and this is what you are already doing.
What you could do is to reduce the timer interval or instead of opening the webpage with the Activity Starter, just stay in the Webviewer and set its height and width to fill parent, which is -2 in the Blocks Editor, and hide all the other components on the screen to be able to view only that webpage in full screen.

Kendo window 1st open and then load

I have a kendo window in my project. Now the content is coming form another domain. I used i-frame in the content template. Its working fine. But When i click the button to open the kendo window it coming but not smoothly. Its stucking. so I want, when I click the button window open smoothly and then load the content. I searched for it but did not find any solution. Its better if i can open the window first and show a loader until the content comes.
Please help me.
The problem can be solved by making the animation:false
A kendo window fires an event called "activate" when it has finished displaying its opening animation. You can catch this event and then load your data in a handler function. There is no need to deactivate the animation itself.

Resources