Questions tagged [mudblazor]
MudBlazor is a Material Design component framework for Blazor. Use [mudblazor] for questions that are specific to MudBlazor and its components.
522
questions
0
votes
0
answers
23
views
Mudblazor System.InvalidCastException: Specified cast is not valid
I am getting the following error on a mudblazor dialog control. The error is not very useful in debugging, any assistance will be highly appreciated:
System.InvalidCastException: Specified cast is not ...
1
vote
0
answers
29
views
Blazor scrollbar stays on the bottom after sorting or paging
The issue: The scrollbar stays at the bottom after sorting or paging the table, but I would prefer if it would jump up.
I have a MudTable with fixed header and scrollbar. My problem is that when I use ...
-1
votes
1
answer
27
views
Using MudBlazor for design layout issues
I am trying to use MudBlazor, for my Blazor WASM app, to make this kind of layout:
This is the code that I have but everything looks distorted (i.e. stretched and not in the right position):
...
0
votes
0
answers
41
views
Blazor WASM Core Hosted and MudBlazor CSS Inline issue
I am trying to add MudBlazor to my Blazor WASM Core Hosted application (.net 7). I followed the directions on the MudBlazor site but when I run my app, the console fills up with these types of errors ...
0
votes
1
answer
32
views
Mudblazor table with multiselect and a search filter resets selection when searching
I have a mudblazor page that contains a table with tickets, it is possible to select these tickets and apply a filter based on a string entered in the searchbar. The selected tickets and the search ...
0
votes
1
answer
32
views
How to allow mulipule dateformat in MudBlazor datepicker?
<MudDatePicker @bind-Date="model.Date"
Validation="@(_modelValidator.ValidateValue)"
For="@(() =&...
-1
votes
0
answers
45
views
List validation in blazor and error output
I've been having bad luck with lists lately. I recently started working with Blazor and I have one major sticking point - "List Validation".
Suppose we have a User class and it has a list of ...
0
votes
0
answers
71
views
Problem with sending a value from child component to parent component using MudDialog
I have a problem with sending data from a child component to a parent component while using MudBlazor.
(Child component)
<OknoDialogowe_Zatwierdzenie_Wybor_Daty>
public class UserData
{
...
0
votes
1
answer
45
views
Blazor Web Assembly - Event Not Working Correctly
I have a Blazor WebAssembly (.NET 6) application. I am using the MudBlazor component library.
I have a MudTextField (text area) and MudFab (button) like this:
<MudTextField T="string" ...
-1
votes
2
answers
75
views
convert text as uppercase
i want to take uppercase only even if i am entering lowercase it should convert in uppercase in text field in mudblazor.
<MudTextField For="@(() => AddEditItemModel.HSNSAC)"
...
0
votes
1
answer
40
views
MudBlazor select dropdown is opening in the top of the page
I'm somewhat new to web development and Blazor/MudBlazor. I'm encountering an issue with MudBlazor's select component's dropdown menu, opening in the top of the page. I've tried moving the component ...
-4
votes
2
answers
65
views
Blazor cannot set style property
cannot set the style property of an element it's always empty. When I write out StyleString it says color: red
[Transposed verbatim from the comment]
AT(StyleString = ShouldBeError ? "color: red&...
0
votes
1
answer
34
views
MudCarousel - slide to next/prev and then silently replace the list
I am trying to use <MudCarousel> to provide a tinder like experience. To do this I crated a MudCarousel.ItemsSource that is a List<MyItems> where the list content is originally: [Item1, ...
0
votes
1
answer
36
views
Mudblazor and C# how do I use multiple validation methods in a MudTextfield
I have the following line of code which uses a mud textbox I also have the following c# validation:
How can I call my two methods in the validation tag:
<MudTextField @bind-Value="@golfReg....
-1
votes
0
answers
28
views
Implementing a Tinder type UI using MudCarousel
I want to create a tinder like UI using<MudCarousel>. So I figure I pass ItemsSource a List with 3 items in it where items[0] == items[2] and they are both the next to display. And I set ...
0
votes
1
answer
38
views
Mudblazor - MudTable not able to align ToolbarContent
I've been try to make some minor tweaks to the Toolbarcontent inside of a Mudtable without success. I recuced the size of the default MudTextField but I can't seem to find a way to align it to the ...
0
votes
1
answer
26
views
Does MudBlazor Supports Localization?
Does MudBlazor support Localization ?
Cannot find any mentioning for localization on MudBlazor.com.
if it supports Localization, can some one guide us to achieve that.
we need an example for BLAZOR ...
0
votes
0
answers
37
views
Blazor server Javascript function not working when page changes
Blazor server application.I have a razor component which will search Car VRN. User will be able to draw on the car diagram using canvas. On the first search, drawing is working. But if i search second ...
0
votes
1
answer
23
views
How to navigate through MudTabPanels when clicking a button?
When the user clicks on a button, it must go to a specific tab of my MudTabPanel, is that possible?
<MudTabs Elevation="0" Rounded="true" Centered="true">
<...
0
votes
1
answer
43
views
Trying to understand how to use MudSelect with a List<>
In my page I have this:
<MudSelect T="string" MultiSelection="false" @bind-Value=@Gebruiker.KantoorCode Label="@Txt["rsKantoorCode"]" Variant=&...
1
vote
1
answer
211
views
Use MudBlazor MudDataGrid to load paged data from an API
In my opinion the documentation for MudDataGrid is a bit lacking when it comes to loading paged data from a dynamic source such as an API.
How do I use the ServerData attribute?
How do I handle row ...
0
votes
1
answer
30
views
MudCheckbox event call
Currently I have this:
@foreach (var rol in Rollenlist)
{
<InputCheckbox class="form-check" @bind-Value=@rol.IsSelected @onclick="(() => RolSelected(rol.Id.Value))" /&...
-2
votes
1
answer
42
views
Multiple API calls slow down the page upload
I am working on a Blazor Webassembly Application. In my solution I have two projects. One is for front end and that is Blazor Webassembly project. 2nd project is .net core WebAPI project. This API ...
1
vote
0
answers
54
views
Code encapsulation of "TextField.For" in MudBlazor
I'm just moving from ASP.NET MVC razor to Blazor.
I'm trying to build a universal CreateOrUpdateDialog for all types.
Here is simple example code with a more complex sandbox (https://try.mudblazor.com/...
1
vote
0
answers
59
views
How to load content in Blazored texteditor
I am using Blazor Text Editor from the source below.
Source - https://github.com/Blazored/TextEditor
I have a table with the set of content and in the last column, I have an action button, if I click ...
2
votes
1
answer
113
views
How to use Multiselection with MudSelect in Mudblazor
I am creating a UI which takes user details from database and display it in mudtable with columns userid,email,groupof(contains comma separated value eg. scteam,mgteam,trteam)from usertable .I am ...
0
votes
1
answer
79
views
Accessing currently iterate item in MudDataGrid
I am trying to use MudDataGrid in editing mode to handle tag data.
Some tags are supposed to be set once at resource creation, and then cannot be modified but I still want to list them. To facilitate ...
0
votes
1
answer
66
views
MudBlazor - not able to change MudTable header text color
I'm adding MudBlazor to my first Blazer Server project. I'm trying to tweak the looks of the MudTable to match other projects. I was able to get the header background color to change but I'm not able ...
-1
votes
1
answer
17
views
Popup scroller in Mudblazor page load
I am working on a Blazor Web Assembly project using MudBlazor. I have called 4 WebAPI methods to load 4 lists respectively in OnInitializedAsync method. It takes times around 10 seconds. I want during ...
0
votes
1
answer
49
views
How to make MudSelect show text of selected option instead of value?
<MudSelect MultiSelection="true" @bind-SelectedValues="ViewModel.Model.GlobalSalaryAccessUserIds">
@foreach (var salaryAccessUser in ViewModel....
0
votes
1
answer
50
views
How to bind MudSelect to int[]?
<MudSelect T="int" @bind-SelectedValues="ViewModel.Model.GlobalSalaryAccessUserIds" MultiSelection="true">
@foreach (var salaryAccessUser in ...
1
vote
1
answer
97
views
For Loop with MudSelect outputs all the same
So if I run the following code in my Blazor WASM application with MudBlazor.
<MudSelect T="int?" @bind-Value="_registerProfileViewModel.DayOfBirth" Label="Day:" ...
0
votes
0
answers
53
views
How to use MudSkeleton on Mudtable in Blazor
Here I am trying to show MudSkeleton before the data loads in the table.
I tried by setting default Loading property to true, but it shows loading animation along with skeleton. I tried below code
if ...
0
votes
1
answer
63
views
CommittedItemChanges event in muddatagrid Does not work
I am currently using muddatagrid to edit my data. When I use mudcheckbox in the EditTemplate tag to edit bool data, the CommittedItemChanges event does not work. While the other data is edited ...
1
vote
2
answers
73
views
Have a spinner display right away after refreshing a page on my (Mud)Blazor Server application
I'm working on a Mudblazor server application and I have it successfully displaying a loading spinner upon the application loading with the code below that exists in MainLayout.razor
<...
0
votes
1
answer
82
views
RowTemplate RenderFragment not displaying correctly in Blazor table (Mudblazor) when passed into the Base Component
I have a BaseMaintenance component that defines the MudTable that gets rendered when it is inherited by other components. In the parent component, I define 3 RenderFragments:
private RenderFragment ...
0
votes
0
answers
60
views
Add a sticky header/title row to a select list in mudblazor
Currently have a select list that has multiple properties associated with the objects. Things like Name, Description and then 3 other properties that probably aren't obvious what they mean to someone ...
0
votes
2
answers
91
views
MudRating.SelectedValueChanged() called twice on a click, second time with the original Value
I have the following three tier setup.
The main razor file has:
<Rating @bind-Value="@Model.RoiRating" Descriptions="@Rating.RoiDescriptions"/>
Rating.razor is:
<...
0
votes
1
answer
62
views
Logout in Blazor ASP.NET Core
Create Logout Button in Blazor server side
I've tried to create a logout button in Blazor server side by clearing the cookies (CookieAuthenticationDefaults).
I will provide simple solution for this ...
0
votes
1
answer
91
views
Cast Expression<Func<T>> to specific type
In a Blazor component, I have the following parameter. For is used to get some custom data annotations via reflection, e.g. to display an Asterisk * if a property is required and extract the label ...
0
votes
2
answers
65
views
How to customise a MudBlazor Component
So I have a this MudBlazor <MudSelect /> Component and I want to change its display font to .75rem. (Below doesn't work!)
<MudSelect style="font-size: .75rem!;" T="string" ...
0
votes
2
answers
86
views
How to add multiple dropdown list on same page in Blazor
I'm trying to insert same dropdown list multiple times in a single page.
I have an item X
I have a list of ProcessAreas (a,b,c,d,e)
I have a list of Instructions (1,2,3,4,5,6)
I need to create a form ...
0
votes
1
answer
68
views
Clear MudTextField after Enter key pressed
I am taking input from user into MudTextField. When user input some value and press ENTER key, the a method (OnKeyPressed) is called and some task is done and same MudTextField is remained focused. I ...
0
votes
1
answer
85
views
MudBlazor Async Validation Not Updating State
I'm using MudBlazor's MudTextField component to take in a string and I'm trying to run some validation on it asynchronously as I expect it to take a long time to validate. Other components in my app ...
0
votes
0
answers
37
views
mudtable and mudhidden not working in prerendering blazor wasm mode
Some features not working in prerendering mode. I'm using .NET 6 and mudblazor 6.0.11.
Some components such as mudtable and mudhidden do not work properly; mudHidden is hidden always and mudTable is ...
0
votes
1
answer
62
views
MudBlazor: Display customized text in Muti-select
I'm trying to display customized text in multi-select of MudBlazor.
Everything is fine but the text displayed is "IndicatorDefinition" rather than the customized text.
A quick look of code:
&...
0
votes
2
answers
59
views
How to force to accept only numbers html input for Maui Blazor?
I would like to prevent to type anything else only integers for .
I am using Maui Blazor with MudBlazor.
For regular Blazor on computer this works, but on phone does not.
<MudNumericField
@bind-...
0
votes
0
answers
34
views
MudBlazor: Cannot update the index of all DropItems in a MudDropContainer when rearranging the order
When dragging a MudListItem up or down in a List only the item being dragged triggers the ItemUpdated (MudItemDropInfo<DropItem> dropItem) procedure. So if the item is being dragged from ...
0
votes
0
answers
46
views
MudImage doesn't rerender when it is changed
I have a pictured stored as /Images/cs.jpg
When I load my page, I see this picture perfectly.
<MudContainer MaxWidth="MaxWidth.Large">
<MudPaper Elevation="1" Class=&...
0
votes
0
answers
35
views
Cascading MudListExtended or MudList will not highlite selected element
please advise. I need to display cascading lists in MudBlazor.
What I mean: I have two lists. The second is filled with data dependent on the selected item of the first list.
Where the problem is: if ...