topic Re: broken light theme in ArcGIS Pro SDK Questions

broken light theme

AlanStewart — Thu, 11 Nov 2021 23:25:39 GMT

ArcGIS Pro SDK 2.6, XAML

I'm upgrading a dialog displayed by my add-in to recognize light and dark themes. I'm following the standard community sample. I have the standard Themes, Images, and DarkImages folders. The contents of the image folders are set the Resource build action and to no copy.

In LightResources.xaml I have inserted:

I have also tried:

In my dialog XAML I have inserted:

The dialog XAML worked before I replaced a string literal path with the DynamicResource. The path used in the first attempt is the same the original path, the relative path from the XAML file. I've also tried the path relative to the project file.

Now the logo does not display at runtime.

TIA for any help.

Re: broken light theme

KirkKuykendall1 — Mon, 13 Dec 2021 21:32:00 GMT

For the sample, I made copies by copy/pasting the images in their respective folders ...

Then added BitmapImage elements to the respective resource files:

Then added an Image with a Dynamic resource to the pane:

Ran it and saw this:

Changed to dark theme, saw this:

Re: broken light theme

AlanStewart — Wed, 12 Jan 2022 16:48:01 GMT

Sorry, end of year crunch. I've been meaning to get back to this topic. What I ended up doing was to implement in C#, which is much more familiar to me than XAML, and easier to debug. So in the constructor for our about box, in the .xaml.cs file, I have the following.

public About_Modal()
{
InitializeComponent();
DataContext = new About_ModalModel();
string lightLogoPath = @"Images/terrago_logo.png".ToLower();
string darkLogoPath = @"DarkImages/terrago_logo.png".ToLower();
BitmapImage lightLogoImg = new BitmapImage();
lightLogoImg.BeginInit();
lightLogoImg.UriSource =
new Uri(@"pack://application:,,,/publisher-arcgispro;component/" + lightLogoPath);
lightLogoImg.EndInit();
BitmapImage darkLogoImg = new BitmapImage();
darkLogoImg.BeginInit();
darkLogoImg.UriSource =
new Uri(@"pack://application:,,,/publisher-arcgispro;component/" + darkLogoPath);
darkLogoImg.EndInit();
Image logoImg = this.FindName("TerraGoLogo") as Image;
if (FrameworkApplication.ApplicationTheme == ApplicationTheme.Default)
logoImg.Source = lightLogoImg;
else
logoImg.Source = darkLogoImg;
}

In the XAML I have the following snippet.

<StackPanel HorizontalAlignment="Center" VerticalAlignment="Top">
<Image Name="TerraGoLogo"
HorizontalAlignment="Center"
Height="76"
VerticalAlignment="Top"
Width="358"
Margin="0,10,0,5"/>
.
.
.
</StackPanel>