Forum Discussion
How do you add an image logo to the Title header of a ContentPage?
To add an image logo to the Title header of a ContentPage, you can use the Image property of TitleView. Just set the Image property to the desired logo image and it will be displayed in the header. You can also optionally provide a TapGestureRecognizer to the TitleView to make the logo image https://shelterreviews.com/best-gutter-guards/
That doesn't work:
```
<?xml version="1.0" encoding="UTF-8" ?>
<ContentPage x:Class="CEDDashboard.View.SettingsDetailPage"
xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:viewmodel="clr-namespace:CEDDashboard.ViewModel"
xmlns:local="clr-namespace:CEDDashboard.View"
x:DataType="viewmodel:SettingsDetailViewModel"
Title="{Binding Device.Name}"><NavigationPage.TitleView>
<StackLayout HorizontalOptions="Center" VerticalOptions="Center" Orientation="Horizontal">
<Image HorizontalOptions="Start" Source="app_logo.png" />
<Label HorizontalOptions="Start" VerticalTextAlignment="Center" Text="Device Detail Settings" FontSize="Small"/>
</StackLayout>
</NavigationPage.TitleView>
<ContentPage.Content>
<VerticalStackLayout>
<Image HorizontalOptions="Start" Source="app_logo.png" />
<ScrollView BackgroundColor="{AppThemeBinding Light={StaticResource LightBackground}, Dark={StaticResource DarkBackground}}">
<Grid RowDefinitions="Auto,Auto,*">
<BoxView```
The only image that is displayed is the one inside my content. The NavigationPage.TitleView trick doesn't show any image.- Also, is there a way to simply add it to all ContentPage headers?
