On first screen you can see how app looks on my pc and on second screen how it looks on different pc. Can you help me why designs are different. I mean menu wideness and length of red line on top of app.
First screen:
Second screen:
Here is Xaml code:
<StackPanel Height="352" VerticalAlignment="Top">
<Grid Height="355">
<TabControl TabStripPlacement="Left" Width="803" BorderThickness="0" Background="#f8f8f7" SelectionChanged="TabControl_SelectionChanged" Margin="0,0,0,0">
<TabItem x:Name="Welcomer" FontSize="15" FontFamily="Century Gothic" Height="60" Header="Welcome" Background="#2a2a29" Foreground="White" Margin="-4,-3,-57,4">
<UniformGrid Columns="1" Margin="53,10,-3,1">
<TextBlock TextWrapping="Wrap" FontSize="18" Margin="55,186,36,40" Foreground="#FF110101"><Bold><Run Text="Welcome screen information for future changes"/></Bold></TextBlock>
</UniformGrid>
</TabItem>
<TabItem x:Name="ScreenShotItem" FontSize="15" FontFamily="Century Gothic" Height="60" Header="ScreenShot" Background="#2a2a29" Foreground="White" Margin="-4,-6,-54,4">
<UniformGrid Columns="1" x:Name="Screenshot" Margin="55,11,-1,2">
<CheckBox x:Name="AutoDelete" Content="AutoDelete On" Checked="AutoDelete_Checked" Unchecked="AutoDelete_Unchecked" Margin="113,20,288,44"/>
<DockPanel Margin="10,0" Height="84" VerticalAlignment="Top" >
<Button x:Name="SaverDirectoryButton" Content="Path" Width="88" Click="SaverDirectoryButton_Click" Margin="0,32,0,24" RenderTransformOrigin="0.76,0.522"/>
<TextBox x:Name="SaverDirectory" HorizontalAlignment="Left" x:FieldModifier="public" TextWrapping="Wrap" Text="C:" Width="148" Grid.ColumnSpan="3" Grid.Column="1" Margin="80,32,-20,29" RenderTransformOrigin="0.5,0.5"/>
<Button x:Name="ListRefresh" Content="Refresh" VerticalAlignment="Top" Width="76" Click="ListRefresh_Click" Grid.ColumnSpan="4" Grid.Column="1" RenderTransformOrigin="0.947,0.364" Margin="-190 0 0 0"/>
<UniformGrid >
<Label Content="Specify day number" Grid.ColumnSpan="1" Grid.Column="1" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="0,0,-58,4" Width="178" Height="30"/>
<TextBox x:Name="DayLimit" PreviewTextInput="NumberValidationTextBox" Grid.ColumnSpan="1" Grid.Column="2" VerticalAlignment="Top" Margin="63,10,1,0" RenderTransformOrigin="0.426,-0.522" Height="30" Width="37"/>
<Button x:Name="DayLimitclick" Content="Save" HorizontalAlignment="Center" Grid.Column="1" Grid.ColumnSpan="2" Margin="70,4,-58,0" Width="90" RenderTransformOrigin="0.5,0.5" Click="DayLimitclick_Click" Height="21" VerticalAlignment="Top"/>
</UniformGrid>
</DockPanel>
<DockPanel Margin="10,20,0,0" Height="51" VerticalAlignment="Top" RenderTransformOrigin="0.503,0.735">
<Button x:Name="AllScreenList" Content="All" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Click="AllScreenList_Click"/>
<Button x:Name="ImportantScreenList" Content="Important" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Click="ImportantScreenList_Click"/>
<Button x:Name="TempScreenList" Content="Temp" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Click="TempScreenList_Click"/>
<Button x:Name="CancelDeleteList" Content="Cancel Delete" VerticalAlignment="Top" Width="115" Click="CancelDeleteList_Click" Grid.ColumnSpan="5" Grid.Column="1" RenderTransformOrigin="1.467,0.409" Margin="-80 0 0 0"/>
</DockPanel>
<DockPanel Margin="0,-39,0,0" Height="96" VerticalAlignment="Top" RenderTransformOrigin="0.496,1">
<ListBox x:Name="SaverListView"
ItemsSource="{Binding Items}"
HorizontalAlignment="Right"
SelectionMode="Multiple" Width="573" Height="123" VerticalAlignment="Bottom" Margin="0,0,0,-27">
<ListBox.Resources>
<Style TargetType="{x:Type ListBoxItem}">
<Setter Property="OverridesDefaultStyle" Value="true" />
<Setter Property="SnapsToDevicePixels" Value="true" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ListBoxItem}">
<CheckBox Margin="5,2"
IsChecked="{Binding IsSelected, RelativeSource={RelativeSource TemplatedParent}}">
<ContentPresenter />
</CheckBox>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ListBox.Resources>
</ListBox>
</DockPanel>
</UniformGrid>
</TabItem>
</TabControl>
And inside <TabControl>
I have my red line code
<!--red line on up of the app -->
<Grid x:Name="redGrid" Height="13" HorizontalAlignment="Left" VerticalAlignment="Top" Width="573" Background="#b20837" MouseDown="redGrid_MouseDown" Margin="230,0,0,0"/>
question from:
https://stackoverflow.com/questions/65647533/why-my-app-design-looks-different-on-2-machines-xaml