mudblazor / mudblazor Goto Github PK

These two files appear when adding the MudBlazor Nuget package. I don't think they should be in the nuget package.

A very important feature for the tables is missing: virtual scroll.

Is it possible to implement that?

• Document Web Compiler dependency

https://mudblazor.com/api/table

probably because of the type parameter

We have all the responsive flex classes like Vuetify has them: https://vuetifyjs.com/en/styles/flex/

In the Docs we need a similar page for them because they are mighty useful and people should know about them

Broken Icons that had multiple SVG paths.

Will have to re,do my import and probably change how we load them?

Hi every body, I would like to use this good tools in my blazor applications
but I have a question
Dos it support localization and RTL direction and also responsive?
because it is for me a very essential issue.
Thank you very much.

Chip: https://vuetifyjs.com/en/components/chips/#usage
ChipSet: https://vuetifyjs.com/en/components/chip-groups/

Hi guys!
First of all, awesome job and beautiful components! Thanks!

The Chip component never invokes the user's OnClose handler. I think the issue is in this method

protected async Task OnCloseHandler(MouseEventArgs ev)
        {
           await OnClick.InvokeAsync(ev);
            if (Command?.CanExecute(CommandParameter) ?? false)
            {
                Command.Execute(CommandParameter);
            }
            // Close code here? if user wants something to happen onclose click above?
        }

Instead of await OnClick.InvokeAsync(ev); should be await OnClose.InvokeAsync(ev);

Hi there,

If tabs grow out of parent container, there is no possibility to scroll.
A left/right button would be perfect at an overflow.

Expand spacing documentation with responsive classes

Will do before: https://github.com/Garderoben/MudBlazor/issues/69

my-4
justify-center
we have those classes already
we should add a text-center class
then add Card parameter Width="400px" and we are done
also for the button: ml-auto
padding-bottom: 20px is pb-5

Documentation page needs at least this exampels

• Sending and Reciving data from dialogs
• Document how to use Dialog options and some examples.

Implement Date Picker

• Base component

• Design

• Inline version

• Static version

• Dialog version

• Actual functionality with actual picking dates

this was reported by a friend of mine. he doesn't see the hover. we need to check

I will start redesignen the Themeprovider, specificly all root CSS vars, go thru every scss file and make sure they apply everywhere.
I will also look on how we can implement more options to the Themeprovider.

1. Primary Task

• Rework the CSS root vars.
• Go thru SCSS files make sure they apply everywhere.
• Create more mixins/sass functions to get cleaner code.
• Write more documentation on Mudblazor predefined CSS classes.

2. Secondary Task

• Add FontFamily/Typography options to Themeprovider.
• Add the possibility to change default spacing in the Themeprovider.
• Add the possibility to change default breakpoints in the Themeprovider.
• Implement a theme generator/color picker. (Outputs the text/code so users can easy test and see result directly and copy code)
• Extend the documentation on theming and how it works

I plan to start this task as soon as possible, probably after i'm done with #59 and #58 components.

it only opens when you don't click the triangle

Will stick to the left, see:
https://try.mudblazor.com/snippet/QkvluUlP500GbmsU08

Needs more examples and different options

Hello all,

I was testing the Menu component into a table, but I've seen that the popup menu coordinates didn't wok as expected. Example below:

I took a look on source code, but didn't figure how to fix yet.

Implement Radiobutton

_toaster.scss

• Go through it, simplify it
• Remove sass vars, add mud theme css vars
• Fix sizing problems with close button

Component

• Rename to snackbar and extend functionality?

Documentation page

• Different Severity examples
• Positioned example
  - [ ] Progress bar example
• Close Button & Require interaction examples
• Action on click exampels

Adding support for prepend-icon and append-icon for MudTextField component

Implement tooltip component

With delay option and different positions.

Like here https://vuetifyjs.com/en/components/badges/

Add Progress component

Add support for Web Font icon for the MudIcon component.

• Documentate normal usage with built in SVG's
• Material Icons
• Font Awesome
• Document how to use Web Font Icons

Add Menu component, probably based on MudSelect?

Hi there,

If tabs grow out of parent container, there is no possibility to scroll.
A left/right button would be perfect at an overflow.

Add Toggle function to Button/ButtonGroups

Vuetify like spacing css classes

• normal padding/margin
• documentation for normal
• negative padding/margin
• documentation for negative

There are a lot of features that can be implemented for table:

• SimpleTable (no features, very simple use)
• Pagination
• Filtering
• Useing <td> instead of <MudTableCell> is supported
• better Dark Mode support
• fixed Header
• Single selection
• Multi-Selection (with CheckBoxes)
• Sorting

For later:

• Expandable rows
• Virtualization

Add AutoClose Drawer on navlink change/click

The idea is to add Label, HelperText and ErrorText to Checkbox and display them when it is not Dense which should be default. So in a form you set Dense="false" (or HideDetails="false" ?) and then it will show validation errors.

As said in #39, we'll add a dialog version DatePicker later. Right now, everyone can do it themselves by combining Dialog with DatePicker, but ultimately we want to feature a readymade.

Hey team,

first, congrats on this wonderful project!
This looks awesome and very promising. Customers start to jump onto it for their Blazor applications :-)

One question, do have a timeline (or idea of it) when the samples will be available?

Thanks - and keep up the great work.

Starting with:
Basic CSS styled HTML slider, with steps option.

Like https://quasar.dev/vue-components/input#Textarea

Implemented for Buttons.
Base class MudComponentBase still needs to be added to all components and style="@Style" to their div

Can I be assigned to do such a component?

Look at the example in https://mudblazor.com/components/chipset
Section Adding and removing chips

If you click Add three times, and then you remove the first Chip, two Chips are actually removed.

I think this is related to the property Deleted in Chip. See conversation in #87

And in the Chip component by itself, if you want to really remove the item that represents a Chip from your list of Chips in OnClose event, you have to put the RemoveOnClose property to false, if not, you remove two items from the screen (but only one from your list). The other item is in your list, but its marked as Deleted, so its not rendered

We need these improvements on Autocomplete:

• On dropdown close coerce text back to selected item or empty if nothing selected (PR by HClausing)
• Call the search function on first click (impl. of search func determines if all are shown or none)
• Autocomplete should expose OnKeyDown, OnKeyUp and OnKeyPress events
• list item template

Static Alert component

I'm using a third party Plotly.Blazor component which renders fine until MudBlazor is installed. The issue seems to be with _content/MudBlazor/MudBlazor.min.css. For now my workaround is to move the fragment to individual component code rather in _Host.cshtml.

Will this library support the built in EditForm and associated validation mechanism?
https://docs.microsoft.com/en-us/aspnet/core/blazor/forms-validation?view=aspnetcore-3.1

Hi
I could not add the Mudblazor package. It's said Package restore failed.

Cycle detected. Mudblazor -> MudBlazor (>= 1.1.1). Checking compatibility of packages on .NETCoreApp,Version=v3.1. Checking compatibility for Mudblazor 1.0.0 with .NETCoreApp,Version=v3.1. All packages and projects are compatible with .NETCoreApp,Version=v3.1. Package restore failed. Rolling back package changes for 'Mudblazor'.

Basic select component with textfield options.