NativeScript: How to overlay one component over another - nativescript

I want to develop NativeScript-Angular Mobile App as the screenshot below:
But I'm unable to hover the settings box over the existing component on the page.
Since settings dropbox is part of action bar under Header component and below that is another component with a image which covers the entire space available on page.
The Setting dropbox is a StackLayout in header component and so is the component with image for the entire page.

How to overlay one component over another
You can use a GridLayout and assign the same row/column to the two components

Related

Highlight Selected Image Area and Action - Xamarin Forms

Need to load the image from resource path and then area should be selected and have to add some comments against selected area.
How to achieve in Xamarin Forms(Android and iOS)?

Integrating moving, common background image for carousel page in Xamarin.Forms

I'm trying to integrate a common wide background image for Xamarin Forms Carousel page. As the requirement I need to smoothly change the visible part of the image according to changes of child pages (Ex. moving the visible part of the theme background image of a mobile phone when moving the menu pages). Is there any way to achieve this approach.

How to render Here Maps (Javascript API) when there is an overlay

I want to display a dialog box hover a map. An overlay with opacity is hover the whole map (see the image below).
I successfully implemented the map without the dialog box and the overlay.
I can successfully call the dialog box after the map is rendered without any problem.
The issue is when I want to display the dialog and the overlay at the same time when the map is rendered for the first time. I get an empty map. Still, the markers and the here map logo are shown (see image below).
I tried to force reloading the base layer, without success.
I tried to restart engine, without success.
As I am using vuetify I tried to forceUpdate, without success.
Thanks for your help.
As a general rule we don't support an integration our HERE JS API with any JS framework.
Basically recommendation: Please don't use a map container (HTML element into which the map will be rendered) as part of Virtual DOM of some JS framework it will not work.

Xamarin.Forms custom loading gif as activity indicator

I would just like to know of something is possible as I am very new to Xamarin and I am on a time limit for an assignment. I don't mind some trial and error, but don't want to waste the time if it isn't possible
I want to have an animated gif as an activity indicator (it is a logo).
I have it working in a WebView - is it possible, in Xamarin,Forms to have this appear as an overlay while waiting on long running methods?
For example. if user clicks on a button, the app gets some info from a webservice then displays in a page. While waiting I would like to show the webview (or any other way to show an animagted gif).
So I am not asking for the code, but just if it is posible.
Thanks in advance
I was able to work this out
With the animated(loading) gif running in the WebView page I called a couple of async methods using following
await Task.WhenAll(method1(), method2());
await Navigate.PushAsync(new NextPage(var1, var2));
The laoding gif (which is an animated logo) runs until the tasks are complete then navigates to the next page
Using an ImageView apparently this doesn't look like its possible to playback animated Gif's as can be seen here http://forums.xamarin.com/discussion/17448/animated-gif-in-image-view.
So i very much doubt the ActivityIndicator would, if it could. In the ActivityIndicator I can't see any functionality to change the content of the what is shown when it is busy.
You could always create your own animated image view by creating a custom renderer instead however. It isn't particularly hard to cycle images at pre-determined gaps if you have a list of the images split up.
GIF images can be used in Xamarin forms to show custom activity indicator, since in Xamarin forms it is not possible to show GIF images directly web-view must be used. For android image must be placed inside assets folder and Build Action must be set to AndroidAsset. For iOS image must be placed inside resources and Build Action must be set to BundleResource. AbsoluteLayout can used for placing the image to center, IsBusy property of mvvm helpers nuget can used for controlling the visibility of the activity indicator. Dependency service must used for getting the image path. You can check this https://github.com/LeslieCorrea/Xamarin-Forms-Custom-Activity-Indicator for example.
Xamarin.Forms now supports .GIF, from version 4.4-pre3 and up on iOS, Android and UWP. Before using, first add the .GIF to the platforms projects, or as an embedded resource in the shared project and then use it like a regular image. The API on the Image control has been extended with the IsAnimationPlaying bindable property.
For e.g., loader.gif is added in all platform projects, then below code make it animating.
<Image Source="loader" IsAnimationPlaying="True" WidthRequest="36" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" />

Does Palm/HP webOS 3.0 / Enyo framework support image maps?

Does Palm/HP WebOS 3.o / Enyo framework support image maps??
I have an HtmlContent control that contains "image maps" -- an image with links embedded in hot spots using the HTML "usemap" attribute. However my those links don't seem to be active, and I cannot click on them. (The same page when opened in a regular browser allows me to click, but when that HTML content is in an HtmlContent control, the links seem to have disappeared).
Any ideas?
Also i did check that the click events are not being fired -- the click handler for the HtmlContent control does not fire. This does not happen when the entire image has an href -- in that case things work fine. But if the image has a map associated with it, then the links are not active, and clicking on the link regions does not seem to fire click events.
It's not Enyo that needs to support imagemaps, but the lower level WebKit system. Right now, webOS should handle rectangular image maps, but polygon maps weren't being handled correctly.

Resources