How-to: Display a Dialog (modal or flyout)

[HowardPWeiss]

I am trying to follow the instructions "HOw-To:Display a Dialog (modal or flyout)

I created a new uno-application with the following command line

dotnet new unoapp -o DialogTest -preset "recommended" -platforms "desktop" -presentation "mvvm" -dsp False -theme-service False`

This generate a text box to enter a name and a button to go to the second page. I added the buttons specified in the instructions to this page

I added SamplePAge.xaml,buttons in mainpage.xaml and ShowDialogClick method in MainPage.xaml.cs per the instructions

When I first tried to run the application, the compile failed with the message "error CS0246: The type or namespace name 'SamplePage' could not be found '. I deduced that this was because ShowDialog.Views did not exist in my project. I changed the first line of SamplePage.xaml to specify "x:Class="DialogTest.Presentation.SamplePage""

Now the application compiles. When I click on the Show flyout button the ShowDialogClick is invoked but fhe application then fails to run to run with the message

Uno.Extensions.Navigation.RouteResolverDefault: Warning: TypeFromPath - Navigation failed: Could not resolve type for path 'Sample'. warn: Uno.Extensions.Navigation.RouteResolverDefault[0] TypeFromPath - Navigation failed: Could not resolve type for path 'Sample'. The Bindable attribute is missing and the type [DialogTest.Presentation.SamplePage] is not known by the MetadataProvider. Reflection was used instead of the binding engine and generated static metadata. Add the Bindable attribute to prevent this message and performance issues.

Please advise

[morning4coffe-dev]

Hey @HowardPWeiss,

Thank you for your question and the repro steps. Can you also share the project you've been working with please? It is always better for us to test directly with it.

Thanks.

[HowardPWeiss]

I do not usually use GitHub. I tried to create a repository on GitHub and upload my project but GitHub desktop wont't let me publish to repository (bad Credentials) so I am attaching a .zip of the project (having deleted the bin and obj folders)
DialogTest.zip

[morning4coffe-dev]

Interesting... I tested your project with the latest Uno.Sdk 6.0.96 and simply added a SamplePage.xaml.cs file. The Uno template in Visual Studio should create it automatically, but for some reason, it was missing on your end:

Now the page (or dialog when you change Page to ContentDialog) displays correctly. Here is the project again with the changes:

DialogTest.zip

Let me know, if this helps.

[HowardPWeiss]

Thank you. Adding SamplePage.Xaml.cs fixed the problem.

Please note that the instructions "https://platform.uno/docs/articles/external/uno.extensions/doc/Learn/Navigation/HowTo-ShowDialog.html" do not include a step to create the samplepage.xaml.cs file.

I am not sure how how the Uno template in Visual Studio would create this file since I manually added samplepage.xaml after running dotnet new

[morning4coffe-dev]

When you right click the Solution/Folder in VS when you want to add a new item (Add>New Item...), this UI should popup with the template:

When you choose from the Uno templates, it should create both files for you, even linked together.

[HowardPWeiss]

Dominik -

I am developing with Visual Studio Code on Linux. I tried using File New but it only allows me to create a text file, regardless of extension. Hence, no automatically generated .xaml.cs file.

Perhaps someone could update the document describing how to create a dialog to include generating a .xaml.cs file

Also, I notice that there are other differences between the files you sent and files generated by dot new

the program.cs you sent invokes

,var host = UnoPlatformHostBuilder.Create()

whereas the file generated by dotnet new invokes

var host = SkiaHostBuilder.Create()

the sample.xaml you sent is as follows

`

<Grid>
    <TextBlock HorizontalAlignment="Center"
               VerticalAlignment="Center"
               FontSize="32"
               Text="Dialog Navigation" />
</Grid>

`

whereas the file from the instructions which I copied from the instructions is

`

<Grid>
    <TextBlock HorizontalAlignment="Center"
               VerticalAlignment="Center"
               FontSize="32"
               Text="Dialog Navigation" />
</Grid>

`

Howard

[HowardPWeiss]

Dominik -

Further comment:

sample.xaml from you

`

`

sample.xaml from instructions

`

<Grid>
    <TextBlock Text="Dialog Navigation"
               FontSize="32"
               HorizontalAlignment="Center"
               VerticalAlignment="Center" />
</Grid>

` It is not sufficient to copy samplepage.xaml.cs to the project created from the instructions for the flyout dialog. In the code you supplied, the base class from SamplePage is ContentDialog whereas the base class for the flyout dialog from the example is Page

Howard