Is it possible to display multiple buttons/actions in a toast or snackbar using the .Net Maui Community Toolkit? If so, can you provide an example please? if not, is there another way to achieve this.
I have looked at all the documentation I can find but have not been able to find a way
Unfortunately this is not possible. On Android it uses the platform implementation as this concept is actually something that comes from Android. And on Android you cannot have more than 1 button on it. On other platforms we draw our own SnackBar/Toast, but to make sure it is consistent across platforms, we only allow 1 button to be on there.
Related
I am building an application that targets Windows, Mac, IOS and Android.
I am using .NET Maui.
Is it possible to display an image or images in a toast or snackbar using the .Net Maui Community Toolkit? If so, can you provide an example please? if not, is there another way to achieve this.
I have looked at all the documentation I can find but have not been able to find a way
This is unfortunately not possible. A SnackBar/Toas control is designed to show a simple (text) message and at most 1 action that is associated with it. If you want to show images and such you will either have to implement something custom or maybe look at the Popup implementation in the Community Toolkit.
I've seen a lot of flutter packages for onboarding users which are basically no more than just a slide deck. For example here is one: https://pub.dev/packages/introduction_screen
However, I am looking for something a bit more interactive. I'd like for the user to follow along with the tutorial. I've seen onboarding handled this way in a lot of websites, such as seen below:
Is there a pre-built package or easy way to mimic this type of interactive, user onboarding process in flutter?
Thanks in advance.
There is a package tutorial_coach_mark: that you can use to create a beautiful and easy tutorial for your application. It'll help you in a more interactive onboarding.
Check it out here: https://pub.dev/packages/tutorial_coach_mark
There is also another package: highlighter_coachmark:
but it might not be null safe.
If you don't want to rely on external packages, I'll recommend looking up this answer
Looking for a UI integration test strategy for Flutter. We'd love to use Silenium/Ghost Inspector but seems that is not practical due to lack of html id's or CSS classes in Flutter (Add id or name property or other means of identification for Flutter Web applications?). Or has anyone found a way round that?
In the meantime Flutter Driver has only very basic documentation for simple tests like finding a button and pressing the button. Anyone know if I can do other operations like navigate to a specific page (e.g. using a # url fragment), test a link which leads to an external site, check visual setup of the page against an image, and other such tests which would be standard in Silenium and the like.
Thanks!!
Well seems Flutter Driver is still very limited so I have instead found a strategy for using Selenium, posted full details here:
Strategy to use Selenium browser testing with Flutter Web apps
In vscode there is a smiley face at the bottom right side of the page.
Does anyone know if there are docs relating to how to develop an extension with a Form-like UI Such as this.
https://www.screencast.com/t/rgIwIO1pVQvv
That is built-in UI. We don't expose it to extensions.
I suggest trying to use existing API functions such as as showQuickPick and showInputBox if you can. If you really need custom UI, take a look at html previews
I'm wondering what is the multicolumn text control used in "News App", in Windows 8:
I have seen this microsoft example where they use fixed RichTextBlock and RichTextBlockOverflow inside a grid. There must be a better way to do this (I hope). Do you know how?
Unfortunately that's the best way to do it, if you are creating your app in XAML. However, if you are creating creating your app using HTML5/JavaScript you can achieve this using CSS Overflow Properties.
There is a video from the BUILD conference 2012, showing how this is done:
Key technologies for building great reading experiences
- the overflow part begins after around 20 minutes.
Note: The video talks about the possibilities and limitations of both HTML5 and XAML, and shows how it's done.