Unlocking the power of the Fluent UI Blazor components | .NET Conf 2023
HTML-код
- Опубликовано: 16 ноя 2023
- 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/blog
Twitter: aka.ms/dotnet/twitter
TikTok: aka.ms/dotnet/tiktok
Mastodon: aka.ms/dotnet/mastodon
LinkedIn: aka.ms/dotnet/linkedin
Facebook: aka.ms/dotnet/facebook
Docs: learn.microsoft.com/dotnet
Forums: aka.ms/dotnet/forums
🙋♀️Q&A: aka.ms/dotnet-qa
👨🎓Microsoft Learn: aka.ms/learndotnet
#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.
Wow I am in love with FluentUI. Thank you for a great demo.👏
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.
Fantastic work! I will be suggesting this for new projects.
I'm constantly inspired by your channel. Thanks!
Tnx great job!
Nice, I will consider this for my next project
Great demo. Well, done. Thank you.
Thanks a lot. The exact thing that I was looking for.
MS really put effort into many aspects of Net.Core :))). Thank you for great products.
Yes to adding those chart components!
Awesome thanks!
Awesome, I'm here due to lack of documentation but video fully satisfied me.
Great presentation
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?
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.
I need a graph component, too. Please add! ❤
Very nice.
OT comment but love Ayca's high back chair. How do I get info on that? Need a new one.
I vote for Chart components :-)
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 !
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.
How to change Fluent DataGrid Header Table BackGround Color? and How to style like Border-Striped? I tried using css Class="...." but not working
Awesome presentation
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
whats up with checkbox not toggling the first time ?
I thought we could casually ignore that :). Fixed in latest version (4.1.0)
@dotnet Would be nice with a link to source code used in this video :)
it's literally at the end of the video....
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.
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.
The look of Win11 or Word is not exactly something to brag about xD
There is no arguing over taste
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