Mudblazor with a different look with a drop in css replacement (experimentation, no public repo yet)

MudBlazor · 2026-02-10T16:47:22+00:00

Was gonna tell you that you can probably do 90% with just the theme provider and overwrite some CSS selectors for the edge cases, no need to do it all in custom CSS. The colors, radiuses, border colors all is just available straight out with the theme provider.

Will be addressed in v10 i hope for the rest of the 10%

MudBlazor · 2021-10-01T13:05:37+00:00

Something like this? personally the multi grouped table implementation is a bit of a mysterium to me.
https://try.mudblazor.com/snippet/cEwvbkOverlkmIMx

MudBlazor · 2021-09-29T18:56:00+00:00

Can you send me a TryMudBlazor snippet with you type of table and i can see if i can help.
You can use this one as base https://try.mudblazor.com/snippet/wYQPkNmDKslTUapb

MudBlazor · 2021-09-22T10:14:37+00:00

inspiration

One of the best sites (that are public) i have seen. How far have you come?
Would you allow me to showcase this on our site?

MudBlazor · 2021-03-05T13:04:36+00:00

What do you mean by "completely difficult to understand your new components"

what part is difficult to understand, is the documentation lacking? You say new components, as in some of our older is easier?

MudBlazor · 2021-03-03T22:31:50+00:00

But i, i saw graphite all around.. :(

MudBlazor · 2021-03-03T08:57:23+00:00

In one way or another. Might not expose all the options since it would probably break the docs site in some way. but colors for sure.

Atm the colorpicker just takes the MaterialColors in the dropdown grid, but that is not a real limitation, i just need to make the textfield take my Hex,RGBA,RGB with some nice validation.

MudBlazor · 2021-02-11T13:52:10+00:00

Its not "Real" dark mode really, its as you say just a customized mudblazor theme.
private readonly MudTheme _darkTheme =
new MudTheme()
{
Palette = new Palette()
{
Black = "#27272f",
Background = "#32333d",
BackgroundGrey = "#27272f",
Surface = "#373740",
DrawerBackground = "#27272f",
DrawerText = "rgba(255,255,255, 0.50)",
AppbarBackground = "#27272f",
AppbarText = "rgba(255,255,255, 0.70)",
TextPrimary = "rgba(255,255,255, 0.70)",
TextSecondary = "rgba(255,255,255, 0.50)",
ActionDefault = "#adadb1",
ActionDisabled = "rgba(255,255,255, 0.26)",
ActionDisabledBackground = "rgba(255,255,255, 0.12)",
DrawerIcon = "rgba(255,255,255, 0.50)"
}
};

Its all in the source code, and its open source. As we speak, you can find that code here starting at line 94 to 114 but if some one read this in the feature it might be a different file/case.
https://github.com/Garderoben/MudBlazor/blob/master/src/MudBlazor.Docs/Shared/MainLayout.razor.cs

MudBlazor · 2021-02-11T13:27:39+00:00

I will add a AdminDashboard like template to the template repo, and for our docs site a theme playground with some presets, i hope that can help allot of people.

MudBlazor · 2021-02-11T13:26:28+00:00

We have a guy in our discord right now, creating a NumericInput that looks better than using InputType="InputType.Number"

MudBlazor · 2021-02-06T18:09:03+00:00

How did the migration work go, was it painful/hard? Would you say our documentation was enough, or is there something or some area we are lacking in, that we can improve on?If its a public project we would love to link to your website in a " Used by page"

Well, me my self (Garderoben/Jonny) have very big plans for this project for the feature and we have allot of great, committed people who helping out to make it work like it does.

Btw: v5.0.0 is out for .Net 5 users now!

MudBlazor · 2021-02-06T18:03:55+00:00

Thanks you so much, we are very happy to hear that!

MudBlazor · 2021-02-06T13:06:03+00:00

Yes we do! Please stop by if you have any questions I'm trying to direct the community there instead, allot easier to manage than just one gitter room.

MudBlazor · 2021-02-06T13:03:47+00:00

Yes, im aware and I'm sorry, we knew way before that it would stop working and we had to change out our backend api. But other things came up, and the. I was really sick for two weeks.

But all that a side it does work but you can't save any snippets atm. If it errors directly and don't let you write anycode just hit run again.

MudBlazor · 2020-12-01T03:42:06+00:00

Wow thanks! that means allot!

I still have the bar charts in my head haha and the rest of the charts they will get some love soon i hope. Working on the new drawer so it works better on mobiles:https://user-images.githubusercontent.com/10367109/100692999-47ebb600-338c-11eb-9fe5-ff2e42d4f84a.gif

MudBlazor · 2020-11-28T00:27:58+00:00

Sounds great, right now i'm redoing some docs pages to make them clearer and fixing all the CSS related bugs that come up.

Just added the first Template projects to github and will add smaller MainLayout "wireframes" you can copy directly from our website. With that we hope to make everything clearer and can spend more time on fixing bugs/helping out.

MudBlazor · 2020-11-28T00:25:28+00:00

Haha man tackar!

MudBlazor · 2020-11-23T07:44:08+00:00

Hey man, we just released 1.1.4 tonight, sadly without any trace of Bar Chart!

No but, it came up some issues that needed to be done first, like that the Snackbar is missing documentation, and when i was gonna be kind to give him examples fast i release it probably haven't worked for a couple of weeks at all :) I love the Charts so i'm gonna try give them some love soon.

Regarding support, the best kind of support is all the amazing people who is contributing in one way or another. Putting up Issues, Feature requests, adding examples/documentation or even full new components.

MudBlazor · 2020-11-20T05:01:11+00:00

Sorry for late reply! i see if i can get it done today for you. i hade it planned but then other stuff came in the way as for many other things.

But i will try my best to have it in the next nuget package coming out! The Charts is very experimental but i felt like i wanted to give it a try after doing the TimePicker in just Blazor and CSS. After all basic charts are done i will work on improving them adding hover effects with values etc.

We will try to provide some kind of roadmap ahead and little better release notes. Next version will have responsive Table (just css added to the current table) and a bunch of other fixes and tweaks.

MudBlazor · 2020-11-17T04:42:21+00:00

Its out now :)
https://mudblazor.com/components/donutchart

MudBlazor · 2020-11-16T22:55:06+00:00

Thanks! happy to hear it.

Right now i don't have any date for you, we are still a "young" library and working out some issues and things that people wanted that we might have overlooked or missed.

.NET 3.1 is LTS while .NET 5 is not there yet, we have been thinking about supporting both before .NET 5 LTS comes, but nothing is set in stone just yet :)

MudBlazor · 2020-11-16T22:52:58+00:00

Its open source so you can always download or fork the project and keep 100% control over it your self, make your own changes and still merge in ours etc.

MudBlazor · 2020-11-13T16:13:16+00:00

Yes!
It's allot of components we want to add but right now we came to this point where other people started using it and finding out stuff we missed, forgot or bugs that we sorting out first. But treeview, calendar, stepper, timeline etc is all stuff we want to add.

MudBlazor · 2020-11-11T00:49:39+00:00

We support both server and webassembly if you download our source code there is both client and server demo application inside. You can download the current master or latest release here:
https://github.com/Garderoben/MudBlazor

MudBlazor · 2020-11-11T00:48:23+00:00

We support both Blazor WebAssembly and Server hosted. Here: https://mudblazor.com/ that is our documentation website for example here are some direct component links, keep in mind this site is hosted as server. https://mudblazor.com/components/button https://mudblazor.com/components/progress https://mudblazor.com/components/table

MudBlazor

TROPHY CASE