Launched ProWindow Size not matching XAML Specifications

anonymous_geographer · ‎05-10-2023

Hello,

This issue seems trivial, so hopefully I'm just overlooking something simple. I had a standalone CoreHost WPF application that would open at the intended height/width of 650/1100. I am attempting to recreate a similar template layout within a ProWindow, using much of the exact syntax from the other app. The XAML view within Visual Studio looks correct and matches what I had within the CoreHost app, but when I launch the add-in within Pro, the ProWindow no longer matches. Anybody have any idea what's causing this?

How the app looks within Visual Studio 2022 (with Pro 3.1.1 installed, running latest 3.1.0.41833 Pro SDK version):

How it looks when launched within ArcGIS Pro:

Here's my XAML code:

<controls:ProWindow x:Class="Pro_AddIn_Testing_2023.ProWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:controls="clr-namespace:ArcGIS.Desktop.Framework.Controls;assembly=ArcGIS.Desktop.Framework"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:extensions="clr-namespace:ArcGIS.Desktop.Extensions;assembly=ArcGIS.Desktop.Extensions"
        mc:Ignorable="d"
        Title="ProWindow" Height="Auto" Width="Auto"
        WindowStartupLocation="CenterOwner"
    >
    <controls:ProWindow.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <extensions:DesignOnlyResourceDictionary Source="pack://application:,,,/ArcGIS.Desktop.Framework;component\Themes\Default.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </controls:ProWindow.Resources>
    <Grid Height="650" Width="1100">
        <StackPanel>
            <TabControl x:Name="tabControl" Height="610" TabStripPlacement="Left" BorderThickness="0,0,0,0">
                <TabItem x:Name="tabReplicaInformation" Header="Replica Information" Width="175">
                    <Grid>
                        <ComboBox x:Name="comboBox" HorizontalAlignment="Left" Margin="86,30,0,0" VerticalAlignment="Top" Width="120" IsReadOnly="True" SelectedIndex="0"/>
                        <DatePicker x:Name="datePicker" HorizontalAlignment="Left" Margin="589,52,0,0" VerticalAlignment="Top" />
                        <ListBox x:Name="listBox1" d:ItemsSource="{d:SampleData ItemCount=5}" Margin="24,103,421,25"/>
                        <ListBox x:Name="listBox2" d:ItemsSource="{d:SampleData ItemCount=5}" Width="200" Margin="689,103,30,25"/>
                    </Grid>
                </TabItem>
                <TabItem x:Name="tabFeatureCounts" Header="Feature Counts">
                    <Grid/>
                </TabItem>
            </TabControl>
            <Separator Margin="0,0,0,0"/>
        </StackPanel>
        <ProgressBar x:Name="progressBar" Height="25" Width="775" HorizontalAlignment="Left" Margin="15,5,0,5" VerticalAlignment="Bottom" />
        <Button x:Name="buttonRun" Content="Run" Width="100" Height="25" VerticalAlignment="Bottom" HorizontalAlignment="Right" Margin="0,5,25,5" Click="buttonRun_Click"/>
    </Grid>
</controls:ProWindow>

Thanks for any insight!

GKmieliauskas · ‎05-11-2023

Hi,

I would recommend to use grid rows and columns instead of alignment inside grid and do not use stackpanels. UI would be more responsible. Below my vision:

<controls:ProWindow x:Class="Pro_AddIn_Testing_2023.ProWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:controls="clr-namespace:ArcGIS.Desktop.Framework.Controls;assembly=ArcGIS.Desktop.Framework"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:extensions="clr-namespace:ArcGIS.Desktop.Extensions;assembly=ArcGIS.Desktop.Extensions"
        mc:Ignorable="d"
        Title="ProWindow" Height="650" Width="1100"
        WindowStartupLocation="CenterOwner"
    >
    <controls:ProWindow.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <extensions:DesignOnlyResourceDictionary Source="pack://application:,,,/ArcGIS.Desktop.Framework;component\Themes\Default.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </controls:ProWindow.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TabControl x:Name="tabControl" TabStripPlacement="Left" BorderThickness="0,0,0,0" Margin="5">
            <TabItem x:Name="tabReplicaInformation" Header="Replica Information" Width="175">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <ComboBox x:Name="comboBox" HorizontalAlignment="Left" Margin="86,30,0,0" VerticalAlignment="Top" Width="120" IsReadOnly="True" SelectedIndex="0"/>
                    <DatePicker x:Name="datePicker" Grid.Column="1" HorizontalAlignment="Right" Margin="0,52,0,20" VerticalAlignment="Top" />
                    <ListBox x:Name="listBox1" Grid.Row="1" d:ItemsSource="{d:SampleData ItemCount=5}" Margin="0,0,50,25"/>
                    <ListBox x:Name="listBox2" Grid.Row="1" Grid.Column="2" d:ItemsSource="{d:SampleData ItemCount=5}" Width="200" Margin="0,0,0,25"/>
                </Grid>
            </TabItem>
            <TabItem x:Name="tabFeatureCounts" Header="Feature Counts">
                <Grid/>
            </TabItem>
        </TabControl>
        <Separator Grid.Row="1" Margin="0,0,0,0"/>
        <Grid Grid.Row="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="8*"/>
                <ColumnDefinition Width="2*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <ProgressBar x:Name="progressBar" Height="25" Margin="15,5,0,5" />
            <Button x:Name="buttonRun" Grid.Column="2" Content="Run" Width="100" Height="25" Margin="0,5,25,5"/>
        </Grid>
        
    </Grid>
</controls:ProWindow>

mhudson · ‎11-29-2023

Curious if you ever got the UI to respond how you wanted it to? I'm running into a similar situation with my ProWindow at 3.1.3 where the width and height do not seem to be coming over when debugging the XAML.

DanNarsavage_IDWR · ‎03-28-2024

The `SizeToContent` property (Microsoft doc) may suffice for your needs at ArcGIS Pro 3.2.

<controls:ProWindow x:Class="My.Big.Namespace.MyProWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        ...
        SizeToContent="WidthAndHeight"
        ...>

.

BrianBulla · ‎05-13-2024

Hi,

I'm running into this issue also with 3.2 where the ProWindow does not match the size of the HEIGHT and WIDTH in the xaml code.

Using the SizeToContent sort of works, but really just as a work-around as you may (or may not) have to modify the elements of your form to really make that work and not have a weird looking form.

The same code work in 2.x for me, so there must be a glich in 3.x that is causing the form not to size properly.

BrianBulla · ‎05-13-2024

And to add to this....the WIDTH seems to size properly, the HEIGHT seems to be the one with the problem.