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.
Related
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.
We’ve got a project to convert our existing browser extension into a flutter app, however I’d like to do the UI design component of this myself so that I can provide our freelancer with something to work with, I know exactly how it should look in my head already.
I was looking at Adobe XD, I know it’s got a flutter extension. Is this my best bet or is there something better? I basically want to build the entire UI of our app, and give it to our freelancer for wiring up and programming. Ideally it’d be fast to work in, as we’re trying to offload this piece of programming to a third party so we can focus on the extension programming. Or are none of these tools any good for this sort of a task?
The best workflow I had up to now, was:
UI/UX Designer makes the app ui in Adobe XD.
They upload to Zeplin via Adobe XD
I get all assets etc from there and use this to make the UI on my own with Material Components.
Using the XD plugin that generates flutter widgets, is bad and should be avoided.
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.