
ForegroundColor, of type Color, that defines the color to shade text and icons. DisabledColor, of type Color, that defines the color to shade text and icons that are disabled. The color will not fill in behind the Shell content. BackgroundColor, of type Color, that defines the background color in the Shell chrome. The Shell class defines the following attached properties that can be used to set page colors in a Shell application: The Content property is the content property of the ShellContent class, and therefore does not need to be explicitly set. However, each ShellContent object is rendered in a tab: In this example, Shell's implicit conversion operators are used to remove the Tab objects from the visual hierarchy. This is accomplished by using the DataTemplate markup extension to set the ContentTemplate property of each ShellContent object to a ContentPage object: In Xamarin.Forms Shell applications, pages are typically created on demand in response to navigation. This includes setting page colors, setting the page presentation mode, disabling the navigation bar, disabling the tab bar, and displaying views in the navigation bar. In addition, the Shell class defines attached properties that can be used to configure the appearance of pages in Xamarin.Forms Shell applications. Within a page, additional ContentPage objects that are known as detail pages, can be navigated to. When more than one ShellContent object is present in a Tab object, the ContentPage objects will be navigable by top tabs. Here’s the code required: įor more on status bar appearance, see apple-mobile-web-app-status-bar-style.A ShellContent object represents the ContentPage object for each FlyoutItem or Tab. This gives the layout more height, but obstructs the top.
With black-translucent, the status bar floats on top of the full screen content, rather than pushing it down. You can change the appearance of the default status bar to either black or black-translucent. For example, the following HTML displays web content using standalone mode.
Set the apple-mobile-web-app-capable meta tag to yes to turn on standalone mode. In Below Image, I just mentioned How Chrome taken your theme-color Propertyįirefox OS, Safari, Internet Explorer and Opera Coast allow you to define colors for elements of the browser, and even the platform using meta tags. For example, to set the background to your favorite/Branding colorĪdd Below Meta property to your HTML code in HEAD Section