WinUI3 ContentDialogMaxWidth Not Working

Poramin 0

I followed the example provided, but it still doesn't work. The size remains at 548 as before. However, if I remove the XamlControlsResources, I can set the ContentDialogMaxWidth, but doing so might cause a bug later.

 <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
            </ResourceDictionary.MergedDictionaries>
            <x:Double x:Key="ContentDialogMaxWidth">1200</x:Double>
        </ResourceDictionary>
    </Application.Resources>

Size Dialog

If I remove the part that says "using: Microsoft.UI.Xaml.Controls"

<Application.Resources>
        <ResourceDictionary>
            <x:Double x:Key="ContentDialogMaxWidth">1200</x:Double>
        </ResourceDictionary>
    </Application.Resources>

I will get the desired size. But there are some bugs.
User's image

WinUI3
Windows App SDK : 1.3.230602002

Jeanine Zhang-MSFT 9,431 Reputation points Microsoft Vendor

2023-07-24T06:10:30.1966667+00:00

I couldn't reproduce the issue in the Blank app project with Windows App SDK : 1.3.230602002. Whether you could produce the issue in the Blank app project? If so, could you please provide the sample to help us reproduce the issue?

Poramin 0

I have succeeded. The problem arises because I created a Page to call and use the Content Dialog. However, the issue lies in the line where I declared the ContentDialog with: ContentDialog dialog = new ContentDialog(); This could be causing me to fall back to using default values.

This is an example of how I previously called the Dialog.

    private async void openDialog(object sender, RoutedEventArgs e)
        {
            ContentDialog dialog = new ContentDialog();
            dialog.XamlRoot = this.XamlRoot;
            dialog.Content = new DialogPage2();
            var result = await dialog.ShowAsync();
        }

As a result, I created a UserControl to act as a ContentDialog and implemented the new usage

C# UserControl


using Microsoft.UI.Xaml.Controls;

namespace TestDialog.Pages
{
    public sealed partial class DialogManual : ContentDialog
    {
        public DialogManual()
        {
            this.InitializeComponent();
        }
    }
}

XAML UserControl

<ContentDialog
    x:Class="TestDialog.Pages.DialogManual"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    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"
    mc:Ignorable="d"
    >

    <StackPanel MaxWidth="1200">
        <!-- Content body -->
        <TextBlock Name="body" Style="{StaticResource BodyTextBlockStyle}" TextWrapping="Wrap">
            <TextBlock.Text>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
            </TextBlock.Text>
        </TextBlock>

        <TextBox Margin="0,25,0,0" Width="250" Height="Auto" Text="TESTData"></TextBox>
    </StackPanel>
</ContentDialog>

This is the C# code for calling the Content Dialog with the modifications made.

  private async void openDialog(object sender, RoutedEventArgs e)
        {
            DialogManual dialog = new DialogManual()
            {
                XamlRoot = this.XamlRoot
            };
            await dialog.ShowAsync();
        }

Jeanine Zhang-MSFT 9,431 Reputation points Microsoft Vendor

2023-07-24T07:54:25.81+00:00

It seems an issue for the ContentDialog. I suggest you could post the issue to Github Issue for better help. After you postting the issue, could you please share the issue link? And we will try to report this issue via the issue link.

Share via

WinUI3 ContentDialogMaxWidth Not Working