sharee.bike-App/TINK/TINK/View/Help/HelpPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage
	xmlns="http://xamarin.com/schemas/2014/forms"
	xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
	xmlns:resources="clr-namespace:TINK.MultilingualResources;assembly=TINKLib"
	x:Class="TINK.View.Help.HelpPage"
	Style="{StaticResource TabbedPageStyle}">

	<TabbedPage.Resources>
		<x:String x:Key="IconSmartphone">&#xf3cd;</x:String>
		<x:String x:Key="IconTariff">&#xf153;</x:String>
		<x:String x:Key="IconFaq">&#xf059;</x:String>
	</TabbedPage.Resources>
	
    <Shell.TitleView>
        <Grid ColumnDefinitions="Auto, 1*">
            <Label Style="{StaticResource Label-Navbar}" 
                   Text="{x:Static resources:AppResources.MarkingHelp}"/>
        </Grid>
    </Shell.TitleView>

	<!--Pages can be added as references or in line-->
	<ContentPage
		x:Name="FaqPage"
		IsEnabled="{Binding IsIdle}"
		Title="FAQ">
		<ContentPage.IconImageSource>
			<FontImageSource Glyph="{StaticResource IconFaq}" FontFamily="FA-S" />
		</ContentPage.IconImageSource>
		<ContentPage.Content>
			<Grid
				RowDefinitions="Auto,*,Auto"
				RowSpacing="0">
				<BoxView Grid.Row="0"
					HeightRequest="1"
					WidthRequest="400"
					HorizontalOptions="Center"
					Color="{x:DynamicResource primary-back-title-color}"/>
				<WebView Grid.Row="1"
					x:Name="FaqWebView" 
					HeightRequest="1000"
					WidthRequest="1000" 
					Source="{Binding FaqHtml}"/>
				<BoxView Grid.Row="2"
					HeightRequest="1"
					WidthRequest="400"
					HorizontalOptions="Center"
					Color="{x:DynamicResource primary-back-title-color}"/>
				<ActivityIndicator Grid.Row="0" Grid.RowSpan="3"
					IsRunning="{Binding IsIdle, Converter={StaticResource InvertedBoolConverter}}"
					IsVisible="{Binding IsIdle, Converter={StaticResource InvertedBoolConverter}}"
					Scale="2"
					VerticalOptions="CenterAndExpand"
					HorizontalOptions="CenterAndExpand"
					Color="{x:DynamicResource primary-back-title-color}"/>
			</Grid>
		</ContentPage.Content>
	</ContentPage>
	<ContentPage
		x:Name="ManualPage"
		IsEnabled="{Binding IsIdle}"
		Title="{x:Static resources:AppResources.MarkingTabManual}">
		<ContentPage.IconImageSource>
			<FontImageSource Glyph="{StaticResource IconSmartphone}" FontFamily="FA-S" />
		</ContentPage.IconImageSource>
		<ContentPage.Content>
			<Grid
				RowDefinitions="Auto,*,Auto"
				RowSpacing="0">
				<BoxView Grid.Row="0"
					HeightRequest="1"
					WidthRequest="400"
					HorizontalOptions="Center"
					Color="{x:DynamicResource primary-back-title-color}"/>
				<WebView Grid.Row="1"
					x:Name="ManualWebView" 
					HeightRequest="1000"
					WidthRequest="1000" 
					Source="{Binding ManualHtml}"/>
				<BoxView Grid.Row="2"
					HeightRequest="1"
					WidthRequest="400"
					HorizontalOptions="Center"
					Color="{x:DynamicResource primary-back-title-color}"/>
				<ActivityIndicator Grid.Row="0" Grid.RowSpan="3"
					IsRunning="{Binding IsIdle, Converter={StaticResource InvertedBoolConverter}}"
					IsVisible="{Binding IsIdle, Converter={StaticResource InvertedBoolConverter}}"
					Scale="2"
					VerticalOptions="CenterAndExpand"
					HorizontalOptions="CenterAndExpand"
					Color="{x:DynamicResource primary-back-title-color}"/>
			</Grid>
        </ContentPage.Content>
    </ContentPage>
	<ContentPage
		x:Name="TariffPage"
		IsEnabled="{Binding IsIdle}"
		Title="{x:Static resources:AppResources.MarkingTabTariffs}">
		<ContentPage.IconImageSource>
			<FontImageSource Glyph="{StaticResource IconTariff}" FontFamily="FA-S" />
		</ContentPage.IconImageSource>
		<ContentPage.Content>
			<Grid
				RowDefinitions="Auto,*,Auto"
				RowSpacing="0">
				<BoxView Grid.Row="0"
					HeightRequest="1"
					WidthRequest="400"
					HorizontalOptions="Center"
					Color="{x:DynamicResource primary-back-title-color}"/>
				<WebView Grid.Row="1"
					x:Name="TariffsWebView" 
					HeightRequest="1000"
					WidthRequest="1000" 
					Source="{Binding TariffsHtml}"/>
				<BoxView Grid.Row="2"
					HeightRequest="1"
					WidthRequest="400"
					HorizontalOptions="Center"
					Color="{x:DynamicResource primary-back-title-color}"/>
				<ActivityIndicator Grid.Row="0" Grid.RowSpan="3"
					IsRunning="{Binding IsIdle, Converter={StaticResource InvertedBoolConverter}}"
					IsVisible="{Binding IsIdle, Converter={StaticResource InvertedBoolConverter}}"
					Scale="2"
					VerticalOptions="CenterAndExpand"
					HorizontalOptions="CenterAndExpand"
					Color="{x:DynamicResource primary-back-title-color}"/>
			</Grid>
		</ContentPage.Content>
	</ContentPage>
</TabbedPage>