Dialogs

[Aytharn]

How can I show dialogs in Avalonia, and use their result?

[Numpsy]

I have't tried FuncUI with distinct dialog windows (file pickers etc aside), but fwiw I have used https://github.com/AvaloniaUtils/DialogHost.Avalonia for a few simple things and that seems to work ok.

There is https://github.com/mysteryx93/HanumanInstitute.MvvmDialogs but I've never tried to use it.

[Aytharn]

DialogHost I cannot figure out how to use it:

let dlg = DialogHostAvalonia.DialogHost()
dlg.CloseOnClickAway <- true
dlg.IsOpen <- true
dlg.DialogContent <- TextBlock.create [
    TextBlock.text (getLabel "Hello")
]

compiles but doesn't do anything, where can I find a sample or a little doc?

[Numpsy]

Think the DialogHost needs to be attached to the parent window itself to work, There is a demo app in its own repo under https://github.com/AvaloniaUtils/DialogHost.Avalonia/tree/main/DialogHost.Demo but I can see about making a self contained FuncUI example later

[Aytharn]

It would much appreciated, that and perhaps animations as well, I found very hard to understand how to create simple things like Transitions and Dialogs in FuncUI, it's a shame. Other than that is an excellent alternative to SwiftUI

[JaggerJo]

I usually write a small modal system per app I create 😅

Dialogs in general should be simple as well.

For animations the only thing missing is documentation and syntactic sugar.

Time is the limiting factor on my end. Feel free to tackle any of the issues above.

[AngelMunoz]

I'm not sure what kind of dialogs do you mean, do you mean system dialogs (like file pickers) or your own windows?

For your own windows I have an old sample for one approach that shares a observable to elmish subscriptions so both windows know what each other are talking about:

• https://github.com/AngelMunoz/MultiWindow

In the more recent "Component" version should be simpler to implement

For System Dialogs I have another slightly more up to date version:

• https://github.com/AngelMunoz/WindowSample

[Aytharn]

Sorry guys, none of your answers seems to lead anywhere, nor to be related
I will try to rephrase:
How to pop up a Dialog window made in FuncUI, not in xaml, just FuncUI, plain full, and not a system one (no file picker no nothing a custom one: displaying a text, a stackpanel or whatever else I like) .
I cannot find any documentation or sample about this, I would say it is a quite important feature to be explained, isn't it? ;-)

[Aytharn]

Tried, Solution 2 won't work or I will loose nice scrolls since I need to put stuff inside grid to make fluid scrolling work.
So neither of the two solutions seems a way to go.
I see now why there are no Samples App :-p

[Numpsy]

Hmm, I forgot that I'd said I'd have a go at an example, but DialogHost.Avalonia works along the lines of approach 2 - you create a host control, have your own content as a child of that, and then when you display the 'dialog' it appears as an overlay on top of the other content (which becomes disabled in the background).
I've only tried it with a single dialog in the app and my main reason for that was trying to use it in web assembly where you can't really do multiple windows, but I thought it was supposed to support multiple dialogs.

[JaggerJo]

Added an example in the Todo app.

Should work with version 1.2.0 of FuncUI. (just published, added some quality of life improvements)

https://github.com/fsprojects/Avalonia.FuncUI/blob/master/src/Examples/Component%20Examples/Examples.TodoApp/ModalHost.fs

[Aytharn]

Cool! But Unfortunately I don't see 1.2.0 released...

[JaggerJo]

They are available now.

[Aytharn]

Ok, it works this way, but there's a caveat: it's better to handle the dialog in a separate component than the background, to avoid unwanted state changes with complex apps