Using Xamarin Forms and FreshMVVM to develop a MasterDetailPage cross platform app, I am looking for a way to apply custom styling to the side drawer navigation bar (increase line height, different background color, change font color/size, ...).
Any hints how to achieve that? Thanks in advance.
Related
If you have more than a certain number
Of icons the navbar bottom mode
Shows icon with no text and shifts the icon when selected
Is there an official fix for forms no renderer
If not I will take any fix
Thanks
That is an Android Problem, Xamarin is working on a fix in the next release, in the meanwhile, you can follow this gist, with code to prevent that:
https://gist.github.com/LynoDesu/64904b6d143892cf14a60a32798a36bb
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.
When running a Xamarin Forms app that uses a TitleIcon on a Navigation Page, the image is squished when the device is turned to landscape mode. What do I need to do to maintain the aspect ratio of the image as it does with previous devices?
iPhone 8 Portrait:
iPhone 8 Landscape:
iPhone X Portrait:
iPhone X Landscape:
For these kinds of customizations, I think you might be better off avoiding the built in NavigationPage NavigationBar and instead implement your own navigationbar in XAML. It would be relatively simple to just use a grid or absolutelayout with your desired background color and image and place it at the top of your pages. You could use a control template or a reusable content view to avoid copying and pasting the bar to every page. Once you've got that done you just have to hide the default navigationbar by using
NavigationPage.SetHasNavigationBar(myPage, false);
Or by adding this to the top of your content page definition in XAML
NavigationPage.HasBackButton="False"
Something like this might help you get started:
http://lukealderton.com/blog/posts/2017/january/replacing-the-xamarin-headernavigation-bar-with-a-custom-viewtemplate/
I am making a cordova app with twitter bootstrap and i now require a side menu like this one http://jakiestfu.github.io/Snap.js/demo/apps/default.html or this one https://slideout.js.org/ that does not require too much hacking to get it to work with twitter bootstrap.
The navbar component collapses to form a vertical menu but does not extend left to where i would like it to be. Is there a method i can use to adopt the available navbar component to look like the snap.js example?.
When using the PopUpManager in Flex with modal = true, the background application is blurred. Is it possible to keep this blur for most of the background application but set certain components to not be blurred?
No, you'll need to create this type of custom functionality - the modal screen is either on or off.
Sorry for the bad news :\