Updating Telerik UI for Blazor to 3.5 introduced an issue for us where a CascadingParameter was being set unintentionally. We found that setting the Navigable parameter on a TelerikGrid to true is being cascaded to our parameter.

REPL demonstrating the issue: Telerik REPL for Blazor - The best place to play, experiment, share & learn using Blazor.

Note that the switch in the grid toolbar is disabled only when the Navigable parameter is set to true.

Is this a bug or something that needs to be taken into consideration when using grids now?

Hi Team,

I was working working telerik Blazor UI from 3 months, But suddenly i started to get the below exception, whenever i was restoring nuget package.  

Unable to load the service index for source https://nuget.telerik.com/v3/index.json.   Response status code does not indicate success: 401 (Unauthorized).

is it happening due to licensee key expiry ?  

I need to take photos and videos and save their path in IndexedDB from our web app so, when user decides to go to another page or reload it ..I can be able to retrieve the photos or video that user took through files' path and all of this should work in offline mode and from a tablet(Android's system) the user will submit the information later.

So, what our team thought to do is using File system Access API .

Here is demo: https://filehandle-indexeddb.glitch.me/ .

But, I tested this demo from my mobile browser(chrome) and did not work out correctly because android is not supported and that's why cannot access android file system  :( .

So, we thought that we can mix storing files handles in IndexedDB from File System Access API* and Blazor Upload from telerik but, We need to know if we can do it offline. 

Thanks in advance,

I would like in C# code behind, to set the Header background color and Font Color & Bold it.

How can I do that?

Something like:

Grid.Columns.Header.BAckground = NAvy

Grid.Columns.Header.font.color = White

Grid.Columns.Header.font.bold = true

Also want to do a alternate row coloring setup. How'd I do that?

Is there a render event I can use?

Thanks

Deasun

Hi

In the training I see this comping up, I installed Telerik using the msi file, i do not have this Extension option.

Using VS 2022

How can I get it?

Eric

Hi

I have a date field in a grid, and the filter row,  how can i remove the automatically created 'd-M-yyyy'  placeholder from the filter cell?

I have a requirement where one of the column value is a html string and I need to convert that value as markup string. I can do it using a template as:

<GridColumn Field="@nameof(Employee.Name)" Title="Name">

        <Template>

        @{

        var value = (context as Employee);

        var markupValue = (MarkupString) value.Name;

        @markupValue;

        }

        </Template>

 </GridColumn>

But I want to create a dynamic component (suitable for any class and any property). I created a custom component and called it from the main component. The requirement was achieved but I lost the sorting functionality and also this grid column is moved towards the end.

Custom component (HtmlGrid.razor):

<GridColumn Title="@Title">
    <Template>
        @{
            var value = GetPropValue(context, ColumnName)?.ToString();
            var a = (MarkupString)value;
            @a;
        }
    </Template>

</GridColumn>


@code {
    [Parameter] public string ColumnName { get; set; } = string.Empty;
    [Parameter] public string Title { get; set; } = string.Empty;
    
    public object GetPropValue(object src, string propName)
    {
        return src.GetType().GetProperty(propName).GetValue(src, null);
    }

}

This is then called from some parent (Employee.razor) as:

<GridColumn Field="@(nameof(Employee.Id))" Width="80px" />
<GridColumn Field="@(nameof(Employee.A))" Width="80px" />
<HtmlGrid ColumnName="@nameof(Employee.Name)" Title="Name"/>
<GridColumn Field="@(nameof(Employee.B))" Width="80px" />

The issue here is that, when this grid is rendered, the columns are seen in the order:

ID-Column, A-Column, B-Column, Name-Column (HtmlGrid)

Also, There is no sorting in this HtmlGrid

Hi,

I have a blazor grid which works in the following simplified way

public class modelVm {
  public int Id {get;set;}
}

protected override void OnInitialized() 
{
  griddate= new List<modelVm>;
}

protected override async Task OnAfterRenderAsync(bool firstRender)
{
  griddata.add(new ModelVm{Id=1});
  StateHasChanged();
}

And on the razor page itself 

<TelerikGrid Data="@GridData" AutoGenerateColumns="true"/>

If I debug the code I can see giddata has 1 item but the grid isn't showing it.

The strangest thing is that I have other grids using the same code and they work. But all new code doesn't. Even a copy/paste of an old razor page and changing the modelVm will result in not refreshing the telerik Grid.

If I put on the razor page a @griddata.count you will see that the griddata has 1 item.

Does somebody has any idea?

Hello all!

This Blazor stuff is very new to me. Old Desktop app dev here.

I want the real basics of how you connect to a MS SQL DB. I have a SP that takes a parameter and returns a number of columns.

I have a grid on a razor page and it works when I hardcode the data within the page.

I now want to connect to my DB and use the data it returns.

I created the DBContext. Has the connectionstr and the dbSet and the class describing the resultset.

Not sure how to connect to the SP or get that attached to the data grid. I want the result to feed the columns to the grid.

Lost.

Thanks.

I have my Blazor app, based it off the Demo app that comes with VS.

How does one integrate this loader control into the app?

I have a number of pages in the app and some have a telerik btn and grid on it.

I would like after the button is clicked for this loader to show while the grid gets its data from the server.

When done then have this loader disappear.

Then demo when running looks like what I want. just dont know where to stick stuff and how to turn on and off.

the Grid and buttons are within divs within telerik layout control.

HOw that helps.

Thanks

Deasun