Unlocking the power of the Fluent UI Blazor components | .NET Conf 2023
Вставка
- Опубліковано 5 вер 2024
- Dive into the world of Fluent UI and discover how to leverage its seamless integration with Blazor for building web and mobile applications. In this presentation, we'll take you on a journey to explore the fundamentals and building blocks of the library and demonstrate how to quickly incorporate it into your Blazor projects. Learn the basics of setting up the environment, use the interactive components, and change the styling of your application with Fluent UI design tokens. Whether you're a seasoned Blazor developer or just getting started, join us to learn how to create visually appealing and user-friendly applications with the Fluent UI Blazor library.
Blog: aka.ms/dotnet/...
Twitter: aka.ms/dotnet/...
TikTok: aka.ms/dotnet/...
Mastodon: aka.ms/dotnet/...
LinkedIn: aka.ms/dotnet/...
Facebook: aka.ms/dotnet/...
Docs: learn.microsof...
Forums: aka.ms/dotnet/...
🙋♀️Q&A: aka.ms/dotnet-qa
👨🎓Microsoft Learn: aka.ms/learndo...
#dotnet
Where I find good documentation and advanced examples of Fluentui for #blazor, in particular.
- localization and globalization
- Design Token modification
- modification of Themes
- FluentDataGrid customization,
- more Advanced examples of FluentDataGrir, for example a CRUD, etc.
Fluent UI should come as the default instead of Bootstrap; it works very well, and everything is very clear. Or at least promote it more, it took me a long time to find a good UI for Blazor, and this library is wonderful.
Really awesome!
Already, I love the fluent UI on Microsoft products and now that it's available, I'm switching to it immediately.
Great job guys.
Wow I am in love with FluentUI. Thank you for a great demo.👏
MS really put effort into many aspects of Net.Core :))). Thank you for great products.
Nice, I will consider this for my next project
Fantastic work! I will be suggesting this for new projects.
I'm constantly inspired by your channel. Thanks!
Great demo. Well, done. Thank you.
Yes to adding those chart components!
Awesome, I'm here due to lack of documentation but video fully satisfied me.
Tnx great job!
Are there any other examples of full apps that we could possibly download to play with and get a hang of all the components being used in different ways?
Thanks a lot. The exact thing that I was looking for.
Great presentation
I need a graph component, too. Please add! ❤
Awesome thanks!
Very nice.
I vote for Chart components :-)
FluentFooter doesn't seem to be working correctly. It puts the footer text under the content and does not style it at all like your page shows.
I just found this video and was trying it so, I am using version 4.6 of the FluentUI package.
Any idea on what might be causing this?
I've followed all the steps but my page's css doesn't work, I've also looked in the list of available components and there's no htmltext editor component for editing and format the text.
OT comment but love Ayca's high back chair. How do I get info on that? Need a new one.
FluentUI Blazor Icons not showing up On the button. I have installed the Microsoft.FluentUI.AspNetCore.Components.Icons nuget package 4.5.0 . No Errors in the Browser . Button is shown correctly with a space for Icon on the start . Any ideas
I'm having trouble with Fluent UI DataGrid in my Maui Blazor Hybrid app (Fluent UI latest version, Maui Blazor Hybrid).
After adding the script
` to my index.html,
the app gets stuck on "Loading..." and won't load fully.
showing this line of index.html file of body tag
Loading...
Any ideas or suggestions !
How to change Fluent DataGrid Header Table BackGround Color? and How to style like Border-Striped? I tried using css Class="...." but not working
@dotnet Would be nice with a link to source code used in this video :)
it's literally at the end of the video....
30:14 All the links...
come on ! you provided 10 links that are not directly relevants but not the relevants ones. And when someone asked for it, you don't provide again what is asked. Not a big deal, it is easy to type it but why don't you provided these links, I just don't get it.
whats up with checkbox not toggling the first time ?
I thought we could casually ignore that :). Fixed in latest version (4.1.0)
The look of Win11 or Word is not exactly something to brag about xD
There is no arguing over taste
So using this fluentUI, no need to write CSS?
Correct. No CSS needed for the components as they have that 'built-in' already. You will probably still need CSS for building and/or fine tunning the layout of your application.
Just out of interest are you using global interactive server?
this is how all women in our company look.
having pure html on the view makes life easier for us programmers, sorry guys!
Yeah! There is no animations, it even can't compete with thw worst react ui library 😂😂😂😂
? You mean ? Srsly Microsoft, stop inventing the wheel already. Blazor is great, Fluent UI is overhead IMHO (ok, not so H)
Nothing stops you from using an . We just provide some helpers for people not so 'fluent' (pun intended) in CSS/html
@@vincentbaaij4933 so instead investing couple of weeks to learn html and css, basic, most popular, widely spread and easy to learn languages; they should rather learn some complete new and more complicated syntax that will eventually be translated into html and css by the engine anyway? Ok then... :))
I really do not understand the bed of saying such dumb comment this adds much more than a simple h1 and gives you a lot of extra options
@@guillermomazzari8320 Like what?
@@guillermomazzari8320 ... and it's not a dumb question if you worked as a web designer in early 2000's and you had to do every job twice because of Microsoft Internet Explorer. Because their CSS had a different box model! There is a saying here in Balkans: once you get burned with hot milk you blow in yoghurt too. :D
Awesome presentation