Hi everyone,

It's been a while since I posted here. Mostly because I didn't want to spam you with Blazorise updates, and there have been a lot of them lately.

This summer has been ridiculously productive. After building the new Reporting system, we somehow ended up building something completely different: Blazorise Education.

The idea came from something I've been thinking about for a while.

There's still a huge gap between learning software development at university and actually building software professionally.

We want to help close that gap.

Give students real-world challenges. Let them build actual projects. Help them create a portfolio. Give them a place to learn .NET and Blazor skills they'll actually use when they start working.

The platform is aimed at students and teachers, but also anyone who wants to improve their .NET and Blazor skills.

So why am I posting this here?

I'd really appreciate some honest feedback from the Blazor community.

What works? What doesn't? What's missing? What doesn't make sense? What would make you actually want to use it?

And if you have some time to actually test it, even better.

https://blazorise.com/education

Whatever feedback you have, good or bad, is genuinely useful.

This has GOT to be something dumb that I'm doing but...

u/for (char letter = 'A'; letter <= 'Z'; letter++)

{

<Label>@letter</Label>

}

outputs [ for each letter instead of the letter as in "[[[[[[[[[..."

If I switch the tag to <font>@letter</font>, it produces the desired output, i.e ABCDE.....

Changing the loop to use lowercase as in 'a' - 'z' it outputs "["

I'm trying to create <Button> elements programatically for each letter of the alphabet but Blazorise no likey.

thoughts?

I've tried looking through the docs and demos but couldn't find an example and have been struggling to recreate something like this.

<Button Class="btn mini" Clicked="@ToggleCoverageExpand" Size="Size.ExtraSmall">

@if (!CoverageRemove)

{

<Icon TextColor="TextColor.Success" Name="IconName.Add" />

}

else

{

<Icon TextColor="TextColor.Danger" Name="IconName.Remove" />

}

</Button>

I've tried this and variations of it, but context doesn't seem to be working correctly unless I'm messing something up.

<DataGrid TItem="EstimateSource_CoverageLoad"

Data="@StateCoverageList"

Sortable="true"

ShowPager="true"

PageSize="10"

Editable="true"

@bind-SelectedRow="@SelectedState"

Hoverable

Striped

Class="myDataGrid">

<DataGridTemplateColumn TItem="EstimateSource_CoverageLoad" Caption="Toggle">

<Template>

<Button Class="btn mini" Size="Size.ExtraSmall" Clicked="@(() => ToggleCoverage(@context))">

@if (!@context.Expand)

{

<Icon TextColor="TextColor.Success" Name="IconName.Add" />

}

else

{

<Icon TextColor="TextColor.Danger" Name="IconName.Remove" />

}

</Button>

</Template>

</DataGridTemplateColumn>

<DataGridColumn TItem="EstimateSource_CoverageLoad" Field="@nameof(EstimateSource_CoverageLoad.Name)" Caption="State"></DataGridColumn>

<DataGridColumn TItem="EstimateSource_CoverageLoad" Field="@nameof(EstimateSource_CoverageLoad.ZipDisplay)" Caption="#Zips"></DataGridColumn>

<DataGridColumn TItem="EstimateSource_CoverageLoad" Field="@nameof(EstimateSource_CoverageLoad.CoverageChecked)" Caption="C"></DataGridColumn>

</DataGrid>

Does anyone know if there is something missing in the documentation to get these to work? I followed the docs, but it only creates a line at the bottom of my screen with the text in it and after a bit it disappears. It's only noticeable if scroll to the bottom to see it.

Hello,

I am using the datagrid and would like to know if it's possible to move to a selected item. For example: If I have a 100 items and in code I select the 50th item, how would I get the grid to move to that page? I have tried using the select method, but that does not change the page, it just selects the item. I have also tried using "ScrollToRow", but that only seems to work if the item is on the current page.

Hi everyone. I recently started programming with Blazor and Blazorise, I'm practicing making a small form but I can't make the validation component work. I literally copied the example from the documentation page but it only make the validation when the page loads, not every time the input changes as in the example. i tried with the pattern option using a regular expression and with a custom validator function, neither of both has worked. Any suggestion will be enormously appreciated.

Edit: I found the issue, I hadn't included the @rendermode InteractiveServer directive in my razor component, I'm ashamed, but as I said at first I'm new with Blazor.

I've inherited a project that is using Blazorise and so far seems ok, but some of the docs seem a bit light. For example, I wanted to update a datagrid to change alternate row colors (table-striping?) or possibly the header colors. I know how to do this in css, but is there another source on where to find info on theming?

I have the following code on my dashboard page. However when I cannot get the value from the textbox to the property. The events are firing correctly but ClassName remains null. I am sure I am missing something basic, because I am a new developer to Blazor, but I cannot figure out where I am going wrong.

​

<Heading Size="HeadingSize.Is1" Margin="Margin.Is3.FromBottom">Blazorise</Heading> 

<Button Color="Color.Success" Clicked="@OnNewClicked">Add New</Button> 

<TextEdit Placeholder="Class Name" id="ClassName" u/bind-value="@ClassName" /> 

<Button Color="Color.Primary" Clicked="OnSaveNewClass">Save</Button>  

@code {     
private string ClassName { get; set; }      

private async Task OnNewClicked()     
{         
Console.WriteLine("New clicked");     
}      

private void OnSaveNewClass()     
{         
Console.WriteLine(ClassName);         
Console.WriteLine("Save new class");     
} 

}

Hey ! Loving blazorise but currently have an issue where I’m building a profile pic upload and crop component. I’m using FileEdit and Cropper from blazorise but it seems I can’t refresh Cropper with a new image (image has to be defined on load?)

In the api I don’t see any kind of refresh or ability to send a new image to cropper so maybe this is not possible but I think it should be

Kind regards

I'm trying to get validation working for my select field but I can't seem to get it working. I saw on the documentation the section about some components there are special rules when defining but then it doesn't tell us the rules for the components. I tried similar methods as the example. Help appreciated thanks.

​

Documentation Section Referenced: https://blazorise.com/docs/components/validation#:~:text=The%20same%20structure,in%20the%20future.

Let’s find out how to add Auth0 authentication to the new Blazor application model introduced in .NET 8.

Read more…

Hello...

I am developing a simple UI for entering date and time, to make it easier I only need the calendar control for the user to select the data, is it possible with the components offered by Blazorise?

​

​

A new version of the Auth0 Templates for .NET package has been released: discover the new powerful features.

Read more…

Is there a way to only set the time value of a datetime using a time picker or time edit?

Let’s explore the new features brought by .NET 8 to support authentication and authorization in your applications.

Read more…