How to disable zooming ability on mobile for a particular element? - css

I have a top menu bar and when is on mobile if I try to zoom my website then my menu bar is zooming as well. I don't want to zoom the menu bar

You could globally disable zooming, capture the zoom gestures in Javascript and rescale the rest of your website accordingly.

Related

Google Data Studio iFrame bar on top of dashboard?

When you're embedding a Google Data Studio report with an iFrame, a navigation bar appears on the bottom of the dashboard for navigating between tabs and full-screen mode:
It states here that you can't remove this bar, but would it possible to move it to the top of the dashboard?
Currently, it is not possible to change the bar in any way.
If this becomes distracting for your users, I suggest you increase your report canvas size and keep appropriate white space at the bottom so the bar does not overlap any of your dashboard elements.

Xamarin Forms Android Navigation Bar Shifting Down

I'm using a NavigationPage in a Xamarin Forms app. When the page first loads the navigation bar starts partially under the Android status bar (clock, battery, notifications, etc) and then a second or two after the page loads it shifts down to just below the status bar. I like that the status bar icons don't overlay my navigation bar, but I don't like that the users sees it shift. Is there any way to work around this so that when the page first becomes visible it is already shifted down? Thanks in adavance!
I personally prefer a "splash screen" over the awkward bar that appears on the top by default in a Xamarin.Forms app on Android. In my style of splash screen I just have the app's icon floating in the middle of a white field, with NO nav bar on top. If I understand your problem correctly, this workaround would get rid of the first part so there is no longer a "shift". There are many blog posts out there about how to do this, here is one, and here is my project where I have a splash screen.

How to disable resize(maximize/minimize) button on Xamarin Forms (UWP)?

Is there any way to disable the resize button on Xamarin Forms (UWP) ? Like the image with red square highlighted in the image above.
Titlebar buttons are something that is controlled by the Windows itself, so you cannot remove it but you have limited control on it, like changing the background color. Further you can make your app to go fullscreen which will make the title bar disappear or you can extend your App in the title bar itself as mentioned in this blog post.

Appstore navigation bar functionality

I wanted to implement a feature that is present in the Appstore app in iOS 11. As is visible from the gif, when the detail screen loads, the navigation bar is fully transparent and becomes visible when the view scrolls to the top.
I was under the impression that the navigation bar cannot be completely transparent.
Any insights so as to how Apple has implemented this feature would be helpful/
Check out Customizing the Navigation Bar section of this page.
Change the navigation background image and hide navigation bar on push
Also set prefersLargeTitles of bar as true only in iOS 11

Embedded google map on mobile devices, annoying button changing map size

I have trouble making an embedded google map work properly on mobile devices. It is within a div box and set to 100% height/width and works as inteded when not on mobile phones. On phones it adds a big square-shaped button with an arrow in it in the bottom right corner which consequently shrinks the map size in the div to about half. When I click the mysterious button, nothing happens. So, an annoying button with no function. When I touch the map, the button disappears and the div is filled though. Anyway to get rid of that button?

Resources